system/markdown-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

current work

Browse source
This commit is contained in:
Merith-TK 2025-02-06 18:27:30 +00:00
parent ca260d66cc
commit 45d8d4f92f
4 changed files with 1295 additions and 260 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

366
github-markdown.css → github-markdown-dark.css
View file

@ -1,134 +1,13 @@
.markdown-body { /* From https://github.com/sindresorhus/github-markdown-css */
--base-size-4: 0.25rem;
--base-size-8: 0.5rem;
--base-size-16: 1rem;
--base-size-24: 1.5rem;
--base-size-40: 2.5rem;
--base-text-weight-normal: 400;
--base-text-weight-medium: 500;
--base-text-weight-semibold: 600;
--fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
--fgColor-accent: Highlight;
}
@media (prefers-color-scheme: dark) {
.markdown-body, [data-theme="dark"] {
/* dark */ /* dark */
color-scheme: dark;
--focus-outlineColor: #1f6feb;
--fgColor-default: #f0f6fc;
--fgColor-muted: #9198a1;
--fgColor-accent: #4493f8;
--fgColor-success: #3fb950;
--fgColor-attention: #d29922;
--fgColor-danger: #f85149;
--fgColor-done: #ab7df8;
--bgColor-default: #0d1117;
--bgColor-muted: #151b23;
--bgColor-neutral-muted: #656c7633;
--bgColor-attention-muted: #bb800926;
--borderColor-default: #3d444d;
--borderColor-muted: #3d444db3;
--borderColor-neutral-muted: #3d444db3;
--borderColor-accent-emphasis: #1f6feb;
--borderColor-success-emphasis: #238636;
--borderColor-attention-emphasis: #9e6a03;
--borderColor-danger-emphasis: #da3633;
--borderColor-done-emphasis: #8957e5;
--color-prettylights-syntax-comment: #9198a1;
--color-prettylights-syntax-constant: #79c0ff;
--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
--color-prettylights-syntax-entity: #d2a8ff;
--color-prettylights-syntax-storage-modifier-import: #f0f6fc;
--color-prettylights-syntax-entity-tag: #7ee787;
--color-prettylights-syntax-keyword: #ff7b72;
--color-prettylights-syntax-string: #a5d6ff;
--color-prettylights-syntax-variable: #ffa657;
--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
--color-prettylights-syntax-brackethighlighter-angle: #9198a1;
--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
--color-prettylights-syntax-invalid-illegal-bg: #8e1519;
--color-prettylights-syntax-carriage-return-text: #f0f6fc;
--color-prettylights-syntax-carriage-return-bg: #b62324;
--color-prettylights-syntax-string-regexp: #7ee787;
--color-prettylights-syntax-markup-list: #f2cc60;
--color-prettylights-syntax-markup-heading: #1f6feb;
--color-prettylights-syntax-markup-italic: #f0f6fc;
--color-prettylights-syntax-markup-bold: #f0f6fc;
--color-prettylights-syntax-markup-deleted-text: #ffdcd7;
--color-prettylights-syntax-markup-deleted-bg: #67060c;
--color-prettylights-syntax-markup-inserted-text: #aff5b4;
--color-prettylights-syntax-markup-inserted-bg: #033a16;
--color-prettylights-syntax-markup-changed-text: #ffdfb6;
--color-prettylights-syntax-markup-changed-bg: #5a1e02;
--color-prettylights-syntax-markup-ignored-text: #f0f6fc;
--color-prettylights-syntax-markup-ignored-bg: #1158c7;
--color-prettylights-syntax-meta-diff-range: #d2a8ff;
--color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
}
}
@media (prefers-color-scheme: light) {
.markdown-body, [data-theme="light"] {
/* light */
color-scheme: light;
--focus-outlineColor: #0969da;
--fgColor-default: #1f2328;
--fgColor-muted: #59636e;
--fgColor-accent: #0969da;
--fgColor-success: #1a7f37;
--fgColor-attention: #9a6700;
--fgColor-danger: #d1242f;
--fgColor-done: #8250df;
--bgColor-default: #ffffff;
--bgColor-muted: #f6f8fa;
--bgColor-neutral-muted: #818b981f;
--bgColor-attention-muted: #fff8c5;
--borderColor-default: #d1d9e0;
--borderColor-muted: #d1d9e0b3;
--borderColor-neutral-muted: #d1d9e0b3;
--borderColor-accent-emphasis: #0969da;
--borderColor-success-emphasis: #1a7f37;
--borderColor-attention-emphasis: #9a6700;
--borderColor-danger-emphasis: #cf222e;
--borderColor-done-emphasis: #8250df;
--color-prettylights-syntax-comment: #59636e;
--color-prettylights-syntax-constant: #0550ae;
--color-prettylights-syntax-constant-other-reference-link: #0a3069;
--color-prettylights-syntax-entity: #6639ba;
--color-prettylights-syntax-storage-modifier-import: #1f2328;
--color-prettylights-syntax-entity-tag: #0550ae;
--color-prettylights-syntax-keyword: #cf222e;
--color-prettylights-syntax-string: #0a3069;
--color-prettylights-syntax-variable: #953800;
--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
--color-prettylights-syntax-brackethighlighter-angle: #59636e;
--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
--color-prettylights-syntax-invalid-illegal-bg: #82071e;
--color-prettylights-syntax-carriage-return-text: #f6f8fa;
--color-prettylights-syntax-carriage-return-bg: #cf222e;
--color-prettylights-syntax-string-regexp: #116329;
--color-prettylights-syntax-markup-list: #3b2300;
--color-prettylights-syntax-markup-heading: #0550ae;
--color-prettylights-syntax-markup-italic: #1f2328;
--color-prettylights-syntax-markup-bold: #1f2328;
--color-prettylights-syntax-markup-deleted-text: #82071e;
--color-prettylights-syntax-markup-deleted-bg: #ffebe9;
--color-prettylights-syntax-markup-inserted-text: #116329;
--color-prettylights-syntax-markup-inserted-bg: #dafbe1;
--color-prettylights-syntax-markup-changed-text: #953800;
--color-prettylights-syntax-markup-changed-bg: #ffd8b5;
--color-prettylights-syntax-markup-ignored-text: #d1d9e0;
--color-prettylights-syntax-markup-ignored-bg: #0550ae;
--color-prettylights-syntax-meta-diff-range: #8250df;
--color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
}
}
.markdown-body { .markdown-body {
color-scheme: dark;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
margin: 0; margin: 0;
color: var(--fgColor-default); color: #f0f6fc;
background-color: var(--bgColor-default); background-color: #0d1117;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-size: 16px; font-size: 16px;
line-height: 1.5; line-height: 1.5;
@ -172,7 +51,7 @@
.markdown-body a { .markdown-body a {
background-color: transparent; background-color: transparent;
color: var(--fgColor-accent); color: #4493f8;
text-decoration: none; text-decoration: none;
} }
@ -184,7 +63,7 @@
.markdown-body b, .markdown-body b,
.markdown-body strong { .markdown-body strong {
font-weight: var(--base-text-weight-semibold, 600); font-weight: 600;
} }
.markdown-body dfn { .markdown-body dfn {
@ -193,15 +72,15 @@
.markdown-body h1 { .markdown-body h1 {
margin: .67em 0; margin: .67em 0;
font-weight: var(--base-text-weight-semibold, 600); font-weight: 600;
padding-bottom: .3em; padding-bottom: .3em;
font-size: 2em; font-size: 2em;
border-bottom: 1px solid var(--borderColor-muted); border-bottom: 1px solid #3d444db3;
} }
.markdown-body mark { .markdown-body mark {
background-color: var(--bgColor-attention-muted); background-color: #bb800926;
color: var(--fgColor-default); color: #f0f6fc;
} }
.markdown-body small { .markdown-body small {
@ -239,18 +118,18 @@
} }
.markdown-body figure { .markdown-body figure {
margin: 1em var(--base-size-40); margin: 1em 2.5rem;
} }
.markdown-body hr { .markdown-body hr {
box-sizing: content-box; box-sizing: content-box;
overflow: hidden; overflow: hidden;
background: transparent; background: transparent;
border-bottom: 1px solid var(--borderColor-muted); border-bottom: 1px solid #3d444db3;
height: .25em; height: .25em;
padding: 0; padding: 0;
margin: var(--base-size-24) 0; margin: 1.5rem 0;
background-color: var(--borderColor-default); background-color: #3d444d;
border: 0; border: 0;
} }
@ -303,7 +182,7 @@
} }
.markdown-body ::placeholder { .markdown-body ::placeholder {
color: var(--fgColor-muted); color: #9198a1;
opacity: 1; opacity: 1;
} }
@ -341,7 +220,7 @@
.markdown-body [role=button]:focus, .markdown-body [role=button]:focus,
.markdown-body input[type=radio]:focus, .markdown-body input[type=radio]:focus,
.markdown-body input[type=checkbox]:focus { .markdown-body input[type=checkbox]:focus {
outline: 2px solid var(--focus-outlineColor); outline: 2px solid #1f6feb;
outline-offset: -2px; outline-offset: -2px;
box-shadow: none; box-shadow: none;
} }
@ -357,7 +236,7 @@
.markdown-body [role=button]:focus-visible, .markdown-body [role=button]:focus-visible,
.markdown-body input[type=radio]:focus-visible, .markdown-body input[type=radio]:focus-visible,
.markdown-body input[type=checkbox]:focus-visible { .markdown-body input[type=checkbox]:focus-visible {
outline: 2px solid var(--focus-outlineColor); outline: 2px solid #1f6feb;
outline-offset: -2px; outline-offset: -2px;
box-shadow: none; box-shadow: none;
} }
@ -373,16 +252,16 @@
.markdown-body kbd { .markdown-body kbd {
display: inline-block; display: inline-block;
padding: var(--base-size-4); padding: 0.25rem;
font: 11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace); font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
line-height: 10px; line-height: 10px;
color: var(--fgColor-default); color: #f0f6fc;
vertical-align: middle; vertical-align: middle;
background-color: var(--bgColor-muted); background-color: #151b23;
border: solid 1px var(--borderColor-neutral-muted); border: solid 1px #3d444db3;
border-bottom-color: var(--borderColor-neutral-muted); border-bottom-color: #3d444db3;
border-radius: 6px; border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted); box-shadow: inset 0 -1px 0 #3d444db3;
} }
.markdown-body h1, .markdown-body h1,
@ -391,38 +270,38 @@
.markdown-body h4, .markdown-body h4,
.markdown-body h5, .markdown-body h5,
.markdown-body h6 { .markdown-body h6 {
margin-top: var(--base-size-24); margin-top: 1.5rem;
margin-bottom: var(--base-size-16); margin-bottom: 1rem;
font-weight: var(--base-text-weight-semibold, 600); font-weight: 600;
line-height: 1.25; line-height: 1.25;
} }
.markdown-body h2 { .markdown-body h2 {
font-weight: var(--base-text-weight-semibold, 600); font-weight: 600;
padding-bottom: .3em; padding-bottom: .3em;
font-size: 1.5em; font-size: 1.5em;
border-bottom: 1px solid var(--borderColor-muted); border-bottom: 1px solid #3d444db3;
} }
.markdown-body h3 { .markdown-body h3 {
font-weight: var(--base-text-weight-semibold, 600); font-weight: 600;
font-size: 1.25em; font-size: 1.25em;
} }
.markdown-body h4 { .markdown-body h4 {
font-weight: var(--base-text-weight-semibold, 600); font-weight: 600;
font-size: 1em; font-size: 1em;
} }
.markdown-body h5 { .markdown-body h5 {
font-weight: var(--base-text-weight-semibold, 600); font-weight: 600;
font-size: .875em; font-size: .875em;
} }
.markdown-body h6 { .markdown-body h6 {
font-weight: var(--base-text-weight-semibold, 600); font-weight: 600;
font-size: .85em; font-size: .85em;
color: var(--fgColor-muted); color: #9198a1;
} }
.markdown-body p { .markdown-body p {
@ -433,8 +312,8 @@
.markdown-body blockquote { .markdown-body blockquote {
margin: 0; margin: 0;
padding: 0 1em; padding: 0 1em;
color: var(--fgColor-muted); color: #9198a1;
border-left: .25em solid var(--borderColor-default); border-left: .25em solid #3d444d;
} }
.markdown-body ul, .markdown-body ul,
@ -463,14 +342,14 @@
.markdown-body tt, .markdown-body tt,
.markdown-body code, .markdown-body code,
.markdown-body samp { .markdown-body samp {
font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace); font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px; font-size: 12px;
} }
.markdown-body pre { .markdown-body pre {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace); font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px; font-size: 12px;
word-wrap: normal; word-wrap: normal;
} }
@ -489,7 +368,7 @@
} }
.markdown-body .mr-2 { .markdown-body .mr-2 {
margin-right: var(--base-size-8, 8px) !important; margin-right: 0.5rem !important;
} }
.markdown-body::before { .markdown-body::before {
@ -517,12 +396,12 @@
} }
.markdown-body .absent { .markdown-body .absent {
color: var(--fgColor-danger); color: #f85149;
} }
.markdown-body .anchor { .markdown-body .anchor {
float: left; float: left;
padding-right: var(--base-size-4); padding-right: 0.25rem;
margin-left: -20px; margin-left: -20px;
line-height: 1; line-height: 1;
} }
@ -540,7 +419,7 @@
.markdown-body pre, .markdown-body pre,
.markdown-body details { .markdown-body details {
margin-top: 0; margin-top: 0;
margin-bottom: var(--base-size-16); margin-bottom: 1rem;
} }
.markdown-body blockquote>:first-child { .markdown-body blockquote>:first-child {
@ -557,7 +436,7 @@
.markdown-body h4 .octicon-link, .markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link, .markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link { .markdown-body h6 .octicon-link {
color: var(--fgColor-default); color: #f0f6fc;
vertical-align: middle; vertical-align: middle;
visibility: hidden; visibility: hidden;
} }
@ -659,7 +538,7 @@
} }
.markdown-body li>p { .markdown-body li>p {
margin-top: var(--base-size-16); margin-top: 1rem;
} }
.markdown-body li+li { .markdown-body li+li {
@ -672,25 +551,25 @@
.markdown-body dl dt { .markdown-body dl dt {
padding: 0; padding: 0;
margin-top: var(--base-size-16); margin-top: 1rem;
font-size: 1em; font-size: 1em;
font-style: italic; font-style: italic;
font-weight: var(--base-text-weight-semibold, 600); font-weight: 600;
} }
.markdown-body dl dd { .markdown-body dl dd {
padding: 0 var(--base-size-16); padding: 0 1rem;
margin-bottom: var(--base-size-16); margin-bottom: 1rem;
} }
.markdown-body table th { .markdown-body table th {
font-weight: var(--base-text-weight-semibold, 600); font-weight: 600;
} }
.markdown-body table th, .markdown-body table th,
.markdown-body table td { .markdown-body table td {
padding: 6px 13px; padding: 6px 13px;
border: 1px solid var(--borderColor-default); border: 1px solid #3d444d;
} }
.markdown-body table td>:last-child { .markdown-body table td>:last-child {
@ -698,12 +577,12 @@
} }
.markdown-body table tr { .markdown-body table tr {
background-color: var(--bgColor-default); background-color: #0d1117;
border-top: 1px solid var(--borderColor-muted); border-top: 1px solid #3d444db3;
} }
.markdown-body table tr:nth-child(2n) { .markdown-body table tr:nth-child(2n) {
background-color: var(--bgColor-muted); background-color: #151b23;
} }
.markdown-body table img { .markdown-body table img {
@ -736,7 +615,7 @@
padding: 7px; padding: 7px;
margin: 13px 0 0; margin: 13px 0 0;
overflow: hidden; overflow: hidden;
border: 1px solid var(--borderColor-default); border: 1px solid #3d444d;
} }
.markdown-body span.frame span img { .markdown-body span.frame span img {
@ -748,7 +627,7 @@
display: block; display: block;
padding: 5px 0 0; padding: 5px 0 0;
clear: both; clear: both;
color: var(--fgColor-default); color: #f0f6fc;
} }
.markdown-body span.align-center { .markdown-body span.align-center {
@ -818,7 +697,7 @@
margin: 0; margin: 0;
font-size: 85%; font-size: 85%;
white-space: break-spaces; white-space: break-spaces;
background-color: var(--bgColor-neutral-muted); background-color: #656c7633;
border-radius: 6px; border-radius: 6px;
} }
@ -849,7 +728,7 @@
} }
.markdown-body .highlight { .markdown-body .highlight {
margin-bottom: var(--base-size-16); margin-bottom: 1rem;
} }
.markdown-body .highlight pre { .markdown-body .highlight pre {
@ -859,12 +738,12 @@
.markdown-body .highlight pre, .markdown-body .highlight pre,
.markdown-body pre { .markdown-body pre {
padding: var(--base-size-16); padding: 1rem;
overflow: auto; overflow: auto;
font-size: 85%; font-size: 85%;
line-height: 1.45; line-height: 1.45;
color: var(--fgColor-default); color: #f0f6fc;
background-color: var(--bgColor-muted); background-color: #151b23;
border-radius: 6px; border-radius: 6px;
} }
@ -892,9 +771,9 @@
} }
.markdown-body .csv-data .blob-num { .markdown-body .csv-data .blob-num {
padding: 10px var(--base-size-8) 9px; padding: 10px 0.5rem 9px;
text-align: right; text-align: right;
background: var(--bgColor-default); background: #0d1117;
border: 0; border: 0;
} }
@ -903,8 +782,8 @@
} }
.markdown-body .csv-data th { .markdown-body .csv-data th {
font-weight: var(--base-text-weight-semibold, 600); font-weight: 600;
background: var(--bgColor-muted); background: #151b23;
border-top: 0; border-top: 0;
} }
@ -918,18 +797,18 @@
.markdown-body .footnotes { .markdown-body .footnotes {
font-size: 12px; font-size: 12px;
color: var(--fgColor-muted); color: #9198a1;
border-top: 1px solid var(--borderColor-default); border-top: 1px solid #3d444d;
} }
.markdown-body .footnotes ol { .markdown-body .footnotes ol {
padding-left: var(--base-size-16); padding-left: 1rem;
} }
.markdown-body .footnotes ol ul { .markdown-body .footnotes ol ul {
display: inline-block; display: inline-block;
padding-left: var(--base-size-16); padding-left: 1rem;
margin-top: var(--base-size-16); margin-top: 1rem;
} }
.markdown-body .footnotes li { .markdown-body .footnotes li {
@ -938,18 +817,18 @@
.markdown-body .footnotes li:target::before { .markdown-body .footnotes li:target::before {
position: absolute; position: absolute;
top: calc(var(--base-size-8)*-1); top: calc(0.5rem*-1);
right: calc(var(--base-size-8)*-1); right: calc(0.5rem*-1);
bottom: calc(var(--base-size-8)*-1); bottom: calc(0.5rem*-1);
left: calc(var(--base-size-24)*-1); left: calc(1.5rem*-1);
pointer-events: none; pointer-events: none;
content: ""; content: "";
border: 2px solid var(--borderColor-accent-emphasis); border: 2px solid #1f6feb;
border-radius: 6px; border-radius: 6px;
} }
.markdown-body .footnotes li:target { .markdown-body .footnotes li:target {
color: var(--fgColor-default); color: #f0f6fc;
} }
.markdown-body .footnotes .data-footnote-backref g-emoji { .markdown-body .footnotes .data-footnote-backref g-emoji {
@ -961,30 +840,30 @@
} }
.markdown-body .pl-c { .markdown-body .pl-c {
color: var(--color-prettylights-syntax-comment); color: #9198a1;
} }
.markdown-body .pl-c1, .markdown-body .pl-c1,
.markdown-body .pl-s .pl-v { .markdown-body .pl-s .pl-v {
color: var(--color-prettylights-syntax-constant); color: #79c0ff;
} }
.markdown-body .pl-e, .markdown-body .pl-e,
.markdown-body .pl-en { .markdown-body .pl-en {
color: var(--color-prettylights-syntax-entity); color: #d2a8ff;
} }
.markdown-body .pl-smi, .markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 { .markdown-body .pl-s .pl-s1 {
color: var(--color-prettylights-syntax-storage-modifier-import); color: #f0f6fc;
} }
.markdown-body .pl-ent { .markdown-body .pl-ent {
color: var(--color-prettylights-syntax-entity-tag); color: #7ee787;
} }
.markdown-body .pl-k { .markdown-body .pl-k {
color: var(--color-prettylights-syntax-keyword); color: #ff7b72;
} }
.markdown-body .pl-s, .markdown-body .pl-s,
@ -994,90 +873,90 @@
.markdown-body .pl-sr .pl-cce, .markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre, .markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra { .markdown-body .pl-sr .pl-sra {
color: var(--color-prettylights-syntax-string); color: #a5d6ff;
} }
.markdown-body .pl-v, .markdown-body .pl-v,
.markdown-body .pl-smw { .markdown-body .pl-smw {
color: var(--color-prettylights-syntax-variable); color: #ffa657;
} }
.markdown-body .pl-bu { .markdown-body .pl-bu {
color: var(--color-prettylights-syntax-brackethighlighter-unmatched); color: #f85149;
} }
.markdown-body .pl-ii { .markdown-body .pl-ii {
color: var(--color-prettylights-syntax-invalid-illegal-text); color: #f0f6fc;
background-color: var(--color-prettylights-syntax-invalid-illegal-bg); background-color: #8e1519;
} }
.markdown-body .pl-c2 { .markdown-body .pl-c2 {
color: var(--color-prettylights-syntax-carriage-return-text); color: #f0f6fc;
background-color: var(--color-prettylights-syntax-carriage-return-bg); background-color: #b62324;
} }
.markdown-body .pl-sr .pl-cce { .markdown-body .pl-sr .pl-cce {
font-weight: bold; font-weight: bold;
color: var(--color-prettylights-syntax-string-regexp); color: #7ee787;
} }
.markdown-body .pl-ml { .markdown-body .pl-ml {
color: var(--color-prettylights-syntax-markup-list); color: #f2cc60;
} }
.markdown-body .pl-mh, .markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en, .markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms { .markdown-body .pl-ms {
font-weight: bold; font-weight: bold;
color: var(--color-prettylights-syntax-markup-heading); color: #1f6feb;
} }
.markdown-body .pl-mi { .markdown-body .pl-mi {
font-style: italic; font-style: italic;
color: var(--color-prettylights-syntax-markup-italic); color: #f0f6fc;
} }
.markdown-body .pl-mb { .markdown-body .pl-mb {
font-weight: bold; font-weight: bold;
color: var(--color-prettylights-syntax-markup-bold); color: #f0f6fc;
} }
.markdown-body .pl-md { .markdown-body .pl-md {
color: var(--color-prettylights-syntax-markup-deleted-text); color: #ffdcd7;
background-color: var(--color-prettylights-syntax-markup-deleted-bg); background-color: #67060c;
} }
.markdown-body .pl-mi1 { .markdown-body .pl-mi1 {
color: var(--color-prettylights-syntax-markup-inserted-text); color: #aff5b4;
background-color: var(--color-prettylights-syntax-markup-inserted-bg); background-color: #033a16;
} }
.markdown-body .pl-mc { .markdown-body .pl-mc {
color: var(--color-prettylights-syntax-markup-changed-text); color: #ffdfb6;
background-color: var(--color-prettylights-syntax-markup-changed-bg); background-color: #5a1e02;
} }
.markdown-body .pl-mi2 { .markdown-body .pl-mi2 {
color: var(--color-prettylights-syntax-markup-ignored-text); color: #f0f6fc;
background-color: var(--color-prettylights-syntax-markup-ignored-bg); background-color: #1158c7;
} }
.markdown-body .pl-mdr { .markdown-body .pl-mdr {
font-weight: bold; font-weight: bold;
color: var(--color-prettylights-syntax-meta-diff-range); color: #d2a8ff;
} }
.markdown-body .pl-ba { .markdown-body .pl-ba {
color: var(--color-prettylights-syntax-brackethighlighter-angle); color: #9198a1;
} }
.markdown-body .pl-sg { .markdown-body .pl-sg {
color: var(--color-prettylights-syntax-sublimelinter-gutter-mark); color: #3d444d;
} }
.markdown-body .pl-corl { .markdown-body .pl-corl {
text-decoration: underline; text-decoration: underline;
color: var(--color-prettylights-syntax-constant-other-reference-link); color: #a5d6ff;
} }
.markdown-body [role=button]:focus:not(:focus-visible), .markdown-body [role=button]:focus:not(:focus-visible),
@ -1100,7 +979,7 @@
font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1em; font-size: 1em;
font-style: normal !important; font-style: normal !important;
font-weight: var(--base-text-weight-normal, 400); font-weight: 400;
line-height: 1; line-height: 1;
vertical-align: -0.075em; vertical-align: -0.075em;
} }
@ -1115,7 +994,7 @@
} }
.markdown-body .task-list-item label { .markdown-body .task-list-item label {
font-weight: var(--base-text-weight-normal, 400); font-weight: 400;
} }
.markdown-body .task-list-item.enabled label { .markdown-body .task-list-item.enabled label {
@ -1123,7 +1002,7 @@
} }
.markdown-body .task-list-item+.task-list-item { .markdown-body .task-list-item+.task-list-item {
margin-top: var(--base-size-4); margin-top: 0.25rem;
} }
.markdown-body .task-list-item .handle { .markdown-body .task-list-item .handle {
@ -1157,10 +1036,10 @@
} }
.markdown-body .markdown-alert { .markdown-body .markdown-alert {
padding: var(--base-size-8) var(--base-size-16); padding: 0.5rem 1rem;
margin-bottom: var(--base-size-16); margin-bottom: 1rem;
color: inherit; color: inherit;
border-left: .25em solid var(--borderColor-default); border-left: .25em solid #3d444d;
} }
.markdown-body .markdown-alert>:first-child { .markdown-body .markdown-alert>:first-child {
@ -1173,49 +1052,49 @@
.markdown-body .markdown-alert .markdown-alert-title { .markdown-body .markdown-alert .markdown-alert-title {
display: flex; display: flex;
font-weight: var(--base-text-weight-medium, 500); font-weight: 500;
align-items: center; align-items: center;
line-height: 1; line-height: 1;
} }
.markdown-body .markdown-alert.markdown-alert-note { .markdown-body .markdown-alert.markdown-alert-note {
border-left-color: var(--borderColor-accent-emphasis); border-left-color: #1f6feb;
} }
.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title { .markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {
color: var(--fgColor-accent); color: #4493f8;
} }
.markdown-body .markdown-alert.markdown-alert-important { .markdown-body .markdown-alert.markdown-alert-important {
border-left-color: var(--borderColor-done-emphasis); border-left-color: #8957e5;
} }
.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title { .markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {
color: var(--fgColor-done); color: #ab7df8;
} }
.markdown-body .markdown-alert.markdown-alert-warning { .markdown-body .markdown-alert.markdown-alert-warning {
border-left-color: var(--borderColor-attention-emphasis); border-left-color: #9e6a03;
} }
.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title { .markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {
color: var(--fgColor-attention); color: #d29922;
} }
.markdown-body .markdown-alert.markdown-alert-tip { .markdown-body .markdown-alert.markdown-alert-tip {
border-left-color: var(--borderColor-success-emphasis); border-left-color: #238636;
} }
.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title { .markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {
color: var(--fgColor-success); color: #3fb950;
} }
.markdown-body .markdown-alert.markdown-alert-caution { .markdown-body .markdown-alert.markdown-alert-caution {
border-left-color: var(--borderColor-danger-emphasis); border-left-color: #da3633;
} }
.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title { .markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
color: var(--fgColor-danger); color: #f85149;
} }
.markdown-body>*:first-child>.heading-element:first-child { .markdown-body>*:first-child>.heading-element:first-child {
@ -1225,4 +1104,3 @@
.markdown-body .highlight pre:has(+.zeroclipboard-container) { .markdown-body .highlight pre:has(+.zeroclipboard-container) {
min-height: 52px; min-height: 52px;
} }

1106
github-markdown-light.css Normal file
View file

File diff suppressed because it is too large Load diff

68
main.css
View file

@ -12,9 +12,12 @@
:root { :root {
--background-color: #1e1e1e; --background-color: #1e1e1e;
--text-color: #d4d4d4; --text-color: #d4d4d4;
--header-color: #DACB1C; --header-color: #ffb86c;
--link-color: #ffdd00; --link-color: #8be9fd;
--link-hover-color: #dcdcaa; --link-hover-color: #50fa7b;
--code-bg: #2d2a2e;
--code-text: #f8f8f2;
--code-border: #44475a;
} }
} }
@ -50,7 +53,6 @@ div {
margin: 0 auto; margin: 0 auto;
} }
/* Centering images and ensuring they fit within the body */
img { img {
display: block; display: block;
max-width: 100%; max-width: 100%;
@ -58,15 +60,65 @@ img {
margin: 20px auto; margin: 20px auto;
} }
/* Markdown Assist */
pre { pre {
background-color: #282c34; background-color: var(--code-bg);
color: #abb2bf; color: var(--code-text);
border: 1px solid var(--code-border);
padding: 15px; padding: 15px;
border-radius: 5px; border-radius: 5px;
overflow-x: auto; overflow-x: auto;
font-size: 14px;
line-height: 1.5;
} }
code { code {
font-family: monospace; font-family: "Fira Code", monospace;
background: var(--code-bg);
color: var(--code-text);
padding: 2px 5px;
border-radius: 4px;
}
/* Syntax Colors */
pre .c,
code .c {
color: #6272a4;
font-style: italic;
}
pre .k,
code .k {
color: #ff79c6;
}
pre .s,
code .s {
color: #f1fa8c;
}
pre .nf,
code .nf {
color: #8be9fd;
}
pre .o,
code .o {
color: #ffb86c;
}
pre .mi,
pre .mf,
code .mi,
code .mf {
color: #bd93f9;
}
pre .n,
code .n {
color: #f8f8f2;
}
pre .nc,
code .nc {
color: #50fa7b;
} }

11
md.html
View file

@ -6,18 +6,17 @@
<head> <head>
<title>Markdown</title> <title>Markdown</title>
<link rel="stylesheet" href="/assets/main.css"> <link rel="stylesheet" href="/assets/main.css">
<link rel="stylesheet" href="/assets/github-markdown.css"> <link rel="stylesheet" href="/assets/github-markdown-dark.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script> <!-- <link rel="stylesheet" href="/assets/github-markdown-light.css"> -->
<script>hljs.highlightAll();</script>
</head>
<body>
<script> <script>
function themeToggle() { function themeToggle() {
var element = document.body; var element = document.body;
element.classList.toggle("light-mode"); element.classList.toggle("light-mode");
} }
</script> </script>
</head>
<body>
<div> <div>
<button onclick="themeToggle()">Switch Theme</button> <button onclick="themeToggle()">Switch Theme</button>
{{markdown $markdownContent}} {{markdown $markdownContent}}