2023-08-31 03:47:22 +00:00
|
|
|
@media (prefers-color-scheme: light) {
|
|
|
|
$backgroundColor: white;
|
|
|
|
$textColor: #15202b;
|
|
|
|
$linkColor: royalblue;
|
|
|
|
|
|
|
|
:root {
|
2023-08-31 08:07:03 +00:00
|
|
|
--background-color: #{$backgroundColor};
|
|
|
|
--faded-background-color: #{darken($backgroundColor, 10%)};
|
|
|
|
--shadow-color: #{darken($backgroundColor, 10%)};
|
|
|
|
--heading-color: #{darken(royalblue, 10%)};
|
|
|
|
--text-color: #{$textColor};
|
2023-08-31 03:47:22 +00:00
|
|
|
--small-text-color: #6e707f;
|
2023-08-31 08:07:03 +00:00
|
|
|
--smaller-text-color: #{lighten($textColor, 30%)};
|
2023-08-31 03:47:22 +00:00
|
|
|
--faded: lightgray;
|
|
|
|
--hr-color: lightgray;
|
2023-08-31 08:07:03 +00:00
|
|
|
--link-color: #{$linkColor};
|
|
|
|
--link-hover-color: #{lighten($linkColor, 35%)};
|
2023-08-31 03:47:22 +00:00
|
|
|
--code-color: firebrick;
|
2023-10-24 19:00:40 +00:00
|
|
|
--tag-color: lavender;
|
|
|
|
--tag-text-color: #{darken(lavender, 20%)};
|
2023-09-08 10:10:52 +00:00
|
|
|
|
2023-09-15 06:42:41 +00:00
|
|
|
// Admonition
|
|
|
|
--note-color: #{$linkColor};
|
|
|
|
--note-background-color: var(--link-hover-color);
|
2024-06-29 20:15:48 +00:00
|
|
|
--warning-color: rgb(208, 126, 25);
|
|
|
|
--warning-bg-color: rgb(255, 250, 202);
|
2023-09-15 06:42:41 +00:00
|
|
|
|
2023-09-08 10:10:52 +00:00
|
|
|
// Syntax Highlighting
|
|
|
|
--astro-code-color-text: #24292e;
|
|
|
|
--astro-code-color-background: inherit;
|
|
|
|
--astro-code-token-constant: #005cc5;
|
2024-04-02 15:20:40 +00:00
|
|
|
--astro-code-token-string: #1f9554;
|
2023-09-08 10:10:52 +00:00
|
|
|
--astro-code-token-comment: #6a737d;
|
|
|
|
--astro-code-token-keyword: #d73a49;
|
|
|
|
--astro-code-token-parameter: #24292e;
|
|
|
|
--astro-code-token-function: var(--astro-code-color-text);
|
|
|
|
--astro-code-token-string-expression: #032f62;
|
|
|
|
--astro-code-token-punctuation: #000007;
|
2024-04-02 15:20:40 +00:00
|
|
|
--astro-code-token-link: #3b77a9;
|
2023-08-31 03:47:22 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
2024-09-15 04:43:39 +00:00
|
|
|
$backgroundColor: hsl(230, 20%, 16%);
|
2023-08-31 03:47:22 +00:00
|
|
|
$textColor: #cdcdcd;
|
2024-09-15 04:57:48 +00:00
|
|
|
$linkColor: hsl(211, 83%, 75%);
|
2023-09-21 22:40:43 +00:00
|
|
|
$linkHoverColor: #202749;
|
2023-08-31 03:47:22 +00:00
|
|
|
|
|
|
|
:root {
|
2023-08-31 08:07:03 +00:00
|
|
|
--background-color: #{$backgroundColor};
|
|
|
|
--faded-background-color: #{lighten($backgroundColor, 10%)};
|
|
|
|
--shadow-color: #{lighten($backgroundColor, 10%)};
|
|
|
|
--heading-color: #{lighten(lightskyblue, 20%)};
|
|
|
|
--text-color: #{$textColor};
|
|
|
|
--small-text-color: #{darken($textColor, 8%)};
|
|
|
|
--smaller-text-color: #{darken($textColor, 12%)};
|
2023-08-31 03:47:22 +00:00
|
|
|
--faded: #666;
|
|
|
|
--hr-color: gray;
|
2023-08-31 08:07:03 +00:00
|
|
|
--link-color: #{$linkColor};
|
2023-09-21 22:40:43 +00:00
|
|
|
--link-hover-color: #{$linkHoverColor};
|
2023-08-31 08:07:03 +00:00
|
|
|
--code-color: #{lighten(firebrick, 25%)};
|
|
|
|
--tag-color: #{darken($linkColor, 55%)};
|
2023-09-08 10:10:52 +00:00
|
|
|
|
2023-09-15 06:42:41 +00:00
|
|
|
// Admonition
|
|
|
|
--note-color: #{$linkColor};
|
|
|
|
--note-background-color: var(--link-hover-color);
|
2024-06-29 20:15:48 +00:00
|
|
|
--warning-color: rgb(211, 185, 107);
|
2024-09-15 04:36:52 +00:00
|
|
|
--warning-bg-color: rgb(40, 43, 14);
|
2023-09-15 06:42:41 +00:00
|
|
|
|
2023-09-08 10:10:52 +00:00
|
|
|
// Syntax Highlighting
|
|
|
|
--astro-code-color-text: #e1e4e8;
|
|
|
|
--astro-code-color-background: inherit;
|
|
|
|
--astro-code-token-constant: #79b8ff;
|
|
|
|
--astro-code-token-string: #9ecbff;
|
|
|
|
--astro-code-token-comment: #6a737d;
|
|
|
|
--astro-code-token-keyword: #f97583;
|
|
|
|
--astro-code-token-parameter: #e1e4e8;
|
|
|
|
--astro-code-token-function: var(--astro-code-color-text);
|
|
|
|
--astro-code-token-string-expression: #85e89d;
|
|
|
|
--astro-code-token-punctuation: #ffab70;
|
|
|
|
--astro-code-token-link: black;
|
2023-08-31 03:47:22 +00:00
|
|
|
}
|
2024-06-27 15:27:22 +00:00
|
|
|
}
|