From 26b5dd40b4f10ef060c09e8b9995d9c4c02cab49 Mon Sep 17 00:00:00 2001 From: kauht Date: Tue, 5 Aug 2025 19:42:03 -0500 Subject: [PATCH 1/5] Create learncpp.com.css --- websites/learncpp.com.css | 131 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 131 insertions(+) create mode 100644 websites/learncpp.com.css diff --git a/websites/learncpp.com.css b/websites/learncpp.com.css new file mode 100644 index 00000000..b77be156 --- /dev/null +++ b/websites/learncpp.com.css @@ -0,0 +1,131 @@ +/* transparency */ +html, +body, +nav, +header, +.app-root, +#primary, +#secondary, +#pass-sidebar, +#content, +section, +.border-r, +.changetable, +.group\/sidebar-wrapper > div, +.dark\:bg-sidebar > div, +main > div, +.to-transparent, +.bg-noise, +.bg-gradient-noise-top { + color: #ffffffee; + background-color: transparent !important; + background: none !important; + border: none !important; + box-shadow: none !important; + transition: + background-color 0.5s ease-in-out, + background 0.5s ease-in-out, + border 0.5s ease-in-out, + box-shadow 0.5s ease-in-out !important; +} + +#main { + background-color: #444444aa !important; +} + +/* tables and code blocks */ +tr, +td, +tbody, +code, +th, +.cpp-lightgraybackground, +.cpp-note, +.lessontable, +.lessontable-header-title { + color: #ffffffae !important; + background-color: #1a1a1aaa !important; + box-shadow: none !important; + border: #44444444 !important; +} + +.changetable-row, +.lessontable-row { + color: #ffffffee; + background-color: transparent !important; +} + +.changetable-row:hover, +.lessontable-row:hover { + background-color: transparent !important; +} + +.changetable-widget-row { + background-color: transparent !important; +} + +/* text */ +h1 { + color: #ffffffee !important; +} + +span { + filter: brightness(200%) opacity(0.937) !important; + color: ffffffee !important; +} + +/* navbar */ +#site-header-main { + opacity: 1 !important; + transition: all 0.3s ease-in-out !important; + background-color: transparent !important; + background: none !important; + border: none !important; + box-shadow: none !important; +} + +#site-header-main:hover { + opacity: 1 !important; + transition: all 0.3s ease-in-out !important; +} + +.sub-menu, +span, +ul { + background-color: transparent !important; +} + +/* hidden elements */ +#ezPrivacyCenter, +#colophon-inside, +#wpd-threads, +.entry-meta, +hr, +#wpdcom, +#header-image-main-inside, +.menu-item-6313, +#site-description, +.menu-item-11707, +.menu-item-12082 { + display: none !important; +} + +/* images */ +.custom-logo, +span { + filter: none !important; +} +img, +.searchform { + filter: invert(1) !important; + opacity: 40% !important; +} +.menu-item-1009876 { + filter: invert(1) !important; + opacity: 60%; +} + +/* darkreader fix */ +:root { + --darkreader-background-ffffff: transparent !important; +} \ No newline at end of file From f3a8fe16b72e24321fd8fc71900af8424ebd896d Mon Sep 17 00:00:00 2001 From: kauht Date: Tue, 5 Aug 2025 21:12:26 -0500 Subject: [PATCH 2/5] Updated learncpp.com.css --- websites/learncpp.com.css | 144 ++++++++++++++++++++++++++++++-------- 1 file changed, 116 insertions(+), 28 deletions(-) diff --git a/websites/learncpp.com.css b/websites/learncpp.com.css index b77be156..fb6c4637 100644 --- a/websites/learncpp.com.css +++ b/websites/learncpp.com.css @@ -17,7 +17,6 @@ main > div, .to-transparent, .bg-noise, .bg-gradient-noise-top { - color: #ffffffee; background-color: transparent !important; background: none !important; border: none !important; @@ -33,7 +32,73 @@ main > div, background-color: #444444aa !important; } -/* tables and code blocks */ +/* code blocks */ +pre, +code:not([class*="language-"]), +.code-toolbar, +.code-toolbar pre { + color: #ffffffee !important; + background-color: #1a1a1aaa !important; + border: 1px solid #333333 !important; + border-radius: 4px !important; +} +pre { + padding: 1em !important; +} +code:not([class*="language-"]) { + padding: 0.2em 0.4em !important; + border-radius: 3px !important; +} +.language-cpp .token { + color: #d4d4d4 !important; + background: transparent !important; +} +.language-cpp .token.keyword { color: #569cd6 !important; } +.language-cpp .token.string { color: #ce9178 !important; } +.language-cpp .token.number { color: #b5cea8 !important; } +.language-cpp .token.comment { color: #6a9955 !important; } +.language-cpp .token.function { color: #dcdcaa !important; } +.language-cpp .token.class-name { color: #4ec9b0 !important; } + +/* note backgrounds */ +.cpp-note, +.cpp-lightgraybackground, +.cpp-lightgreenbackground, +.cpp-lightbluebackground { + border-radius: 5px !important; + padding: 0.8em !important; +} +.cpp-note, +.cpp-lightgraybackground { + background-color: #2a2a2a66 !important; + border: 1px solid #3a3a3a !important; +} +.cpp-lightgreenbackground { + background-color: #0dcc8222 !important; + border: 1px solid #0dcc82 !important; +} +.cpp-lightbluebackground { + background-color: #5ab0f266 !important; + border: 1px solid #7dc4ff !important; +} + +p, +li, +h2, +blockquote::before, +blockquote::after, +a { + color: #ffffffee !important; +} + +a.index, +.index a, +a.changetable-row-link, +.changetable-row-link a { + color: #7aa2f7 !important; + text-decoration: none !important; +} + tr, td, tbody, @@ -41,40 +106,42 @@ code, th, .cpp-lightgraybackground, .cpp-note, -.lessontable, -.lessontable-header-title { +.lessontable { color: #ffffffae !important; - background-color: #1a1a1aaa !important; box-shadow: none !important; border: #44444444 !important; } +.lessontable-header-title, .changetable-row, -.lessontable-row { - color: #ffffffee; +.lessontable-row, +.changetable-row:hover, +.lessontable-row:hover, +.changetable-widget-row { background-color: transparent !important; } -.changetable-row:hover, -.lessontable-row:hover { - background-color: transparent !important; +.lessontable-header-title { + color: #ffffffae !important; + box-shadow: none !important; + border: #44444444 !important; } -.changetable-widget-row { - background-color: transparent !important; +.changetable-row, +.lessontable-row { + color: #ffffffee !important; } -/* text */ -h1 { +h1, +span { color: #ffffffee !important; } span { filter: brightness(200%) opacity(0.937) !important; - color: ffffffee !important; } -/* navbar */ +/* improved header */ #site-header-main { opacity: 1 !important; transition: all 0.3s ease-in-out !important; @@ -84,23 +151,35 @@ span { box-shadow: none !important; } -#site-header-main:hover { - opacity: 1 !important; - transition: all 0.3s ease-in-out !important; -} - .sub-menu, span, ul { background-color: transparent !important; } -/* hidden elements */ +.menu-item-1009876, +.menu-item-1009876 a { + filter: invert(1) !important; + opacity: 0.6 !important; +} + +.menu-item, +.menu-item a, +.menu-item-object, +.menu-item-object a { + color: #ffffffee !important; + background-color: transparent !important; + opacity: 1 !important; + filter: none !important; +} + +/* remove footer and comments */ +#colophon, #ezPrivacyCenter, -#colophon-inside, #wpd-threads, .entry-meta, hr, +#comments, #wpdcom, #header-image-main-inside, .menu-item-6313, @@ -110,22 +189,31 @@ hr, display: none !important; } -/* images */ +/* images and search */ .custom-logo, span { filter: none !important; } + img, .searchform { filter: invert(1) !important; opacity: 40% !important; } -.menu-item-1009876 { - filter: invert(1) !important; - opacity: 60%; + +blockquote { + position: relative !important; +} +blockquote::before, +blockquote::after { + content: "" !important; + position: absolute !important; + color: #ffffffee !important; + font-size: 3em !important; + line-height: 1 !important; } -/* darkreader fix */ +/* fix darkreader */ :root { --darkreader-background-ffffff: transparent !important; } \ No newline at end of file From 88f976e70bad13c98373334078b56544115bc927 Mon Sep 17 00:00:00 2001 From: kauht <89326272+kauht@users.noreply.github.com> Date: Thu, 14 Aug 2025 23:21:55 -0700 Subject: [PATCH 3/5] Update learncpp.com.css --- websites/learncpp.com.css | 105 ++++++++++++++++++++++++++++++++------ 1 file changed, 89 insertions(+), 16 deletions(-) diff --git a/websites/learncpp.com.css b/websites/learncpp.com.css index fb6c4637..c25e8be1 100644 --- a/websites/learncpp.com.css +++ b/websites/learncpp.com.css @@ -29,7 +29,7 @@ main > div, } #main { - background-color: #444444aa !important; + background-color: rgba(68, 68, 68, 0.67) !important; } /* code blocks */ @@ -37,8 +37,8 @@ pre, code:not([class*="language-"]), .code-toolbar, .code-toolbar pre { - color: #ffffffee !important; - background-color: #1a1a1aaa !important; + color: rgba(255, 255, 255, 0.93) !important; + background-color: rgba(26, 26, 26, 0.67) !important; border: 1px solid #333333 !important; border-radius: 4px !important; } @@ -70,15 +70,15 @@ code:not([class*="language-"]) { } .cpp-note, .cpp-lightgraybackground { - background-color: #2a2a2a66 !important; + background-color: rgba(42, 42, 42, 0.4) !important; border: 1px solid #3a3a3a !important; } .cpp-lightgreenbackground { - background-color: #0dcc8222 !important; + background-color: rgba(13, 204, 130, 0.13) !important; border: 1px solid #0dcc82 !important; } .cpp-lightbluebackground { - background-color: #5ab0f266 !important; + background-color: rgba(90, 176, 242, 0.4) !important; border: 1px solid #7dc4ff !important; } @@ -88,7 +88,7 @@ h2, blockquote::before, blockquote::after, a { - color: #ffffffee !important; + color: rgba(255, 255, 255, 0.93) !important; } a.index, @@ -107,9 +107,9 @@ th, .cpp-lightgraybackground, .cpp-note, .lessontable { - color: #ffffffae !important; + color: rgba(255, 255, 255, 0.68) !important; box-shadow: none !important; - border: #44444444 !important; + border: rgba(68, 68, 68, 0.27) !important; } .lessontable-header-title, @@ -122,19 +122,19 @@ th, } .lessontable-header-title { - color: #ffffffae !important; + color: rgba(255, 255, 255, 0.68) !important; box-shadow: none !important; - border: #44444444 !important; + border: rgba(68, 68, 68, 0.27) !important; } .changetable-row, .lessontable-row { - color: #ffffffee !important; + color: rgba(255, 255, 255, 0.93) !important; } h1, span { - color: #ffffffee !important; + color: rgba(255, 255, 255, 0.93) !important; } span { @@ -167,7 +167,7 @@ ul { .menu-item a, .menu-item-object, .menu-item-object a { - color: #ffffffee !important; + color: rgba(255, 255, 255, 0.93) !important; background-color: transparent !important; opacity: 1 !important; filter: none !important; @@ -208,7 +208,7 @@ blockquote::before, blockquote::after { content: "" !important; position: absolute !important; - color: #ffffffee !important; + color: rgba(255, 255, 255, 0.93) !important; font-size: 3em !important; line-height: 1 !important; } @@ -216,4 +216,77 @@ blockquote::after { /* fix darkreader */ :root { --darkreader-background-ffffff: transparent !important; -} \ No newline at end of file +} + +@media (prefers-color-scheme: light) { + #main { + background-color: rgba(238, 238, 238, 0.67) !important; + } + + pre, + code:not([class*="language-"]), + .code-toolbar, + .code-toolbar pre { + color: rgba(0, 0, 0, 0.93) !important; + background-color: rgba(241, 241, 241, 0.93) !important; + border: 1px solid #dddddd !important; + } + + .cpp-note, + .cpp-lightgraybackground { + background-color: rgba(221, 221, 221, 0.67) !important; + border: 1px solid #cccccc !important; + } + + p, + li, + h2, + blockquote::before, + blockquote::after, + a, + .changetable-row, + .lessontable-row, + h1, + span, + .menu-item, + .menu-item a, + .menu-item-object, + .menu-item-object a { + color: rgba(0, 0, 0, 0.93) !important; + } + + tr, + td, + tbody, + code, + th, + .cpp-lightgraybackground, + .cpp-note, + .lessontable, + .lessontable-header-title { + color: rgba(0, 0, 0, 0.68) !important; + border: rgba(221, 221, 221, 0.67) !important; + } + + a.index, + .index a, + a.changetable-row-link, + .changetable-row-link a { + color: #1a5fb4 !important; + } + + blockquote::before, + blockquote::after { + color: rgba(0, 0, 0, 0.93) !important; + } + + .menu-item-1009876, + .menu-item-1009876 a { + filter: invert(0) !important; + } + + img, + .searchform { + filter: invert(0) !important; + } +} From 604e84c5bf16cab7d5972ff5d55e999335bc546d Mon Sep 17 00:00:00 2001 From: kauht <89326272+kauht@users.noreply.github.com> Date: Thu, 14 Aug 2025 23:27:52 -0700 Subject: [PATCH 4/5] Update learncpp.com.css --- websites/learncpp.com.css | 225 ++++++++++++++++++-------------------- 1 file changed, 105 insertions(+), 120 deletions(-) diff --git a/websites/learncpp.com.css b/websites/learncpp.com.css index c25e8be1..a8c388df 100644 --- a/websites/learncpp.com.css +++ b/websites/learncpp.com.css @@ -28,8 +28,40 @@ main > div, box-shadow 0.5s ease-in-out !important; } +/* main content area - using theme variables */ #main { - background-color: rgba(68, 68, 68, 0.67) !important; + background-color: rgba(var(--theme-bg-color), 0.67) !important; +} + +/* text colors - using theme variables */ +p, +li, +h2, +blockquote::before, +blockquote::after, +a { + color: var(--theme-text-color) !important; +} + +a.index, +.index a, +a.changetable-row-link, +.changetable-row-link a { + color: var(--theme-link-color) !important; + text-decoration: none !important; +} + +/* tables and code blocks */ +tr, +td, +tbody, +th, +.cpp-lightgraybackground, +.cpp-note, +.lessontable { + color: var(--theme-text-secondary) !important; + box-shadow: none !important; + border-color: var(--theme-border-color) !important; } /* code blocks */ @@ -37,9 +69,9 @@ pre, code:not([class*="language-"]), .code-toolbar, .code-toolbar pre { - color: rgba(255, 255, 255, 0.93) !important; - background-color: rgba(26, 26, 26, 0.67) !important; - border: 1px solid #333333 !important; + color: var(--code-text-color) !important; + background-color: var(--code-bg-color) !important; + border: 1px solid var(--code-border-color) !important; border-radius: 4px !important; } pre { @@ -49,16 +81,18 @@ code:not([class*="language-"]) { padding: 0.2em 0.4em !important; border-radius: 3px !important; } + +/* syntax highlighting - using theme variables */ .language-cpp .token { - color: #d4d4d4 !important; + color: var(--code-token-color) !important; background: transparent !important; } -.language-cpp .token.keyword { color: #569cd6 !important; } -.language-cpp .token.string { color: #ce9178 !important; } -.language-cpp .token.number { color: #b5cea8 !important; } -.language-cpp .token.comment { color: #6a9955 !important; } -.language-cpp .token.function { color: #dcdcaa !important; } -.language-cpp .token.class-name { color: #4ec9b0 !important; } +.language-cpp .token.keyword { color: var(--code-keyword-color) !important; } +.language-cpp .token.string { color: var(--code-string-color) !important; } +.language-cpp .token.number { color: var(--code-number-color) !important; } +.language-cpp .token.comment { color: var(--code-comment-color) !important; } +.language-cpp .token.function { color: var(--code-function-color) !important; } +.language-cpp .token.class-name { color: var(--code-class-color) !important; } /* note backgrounds */ .cpp-note, @@ -70,48 +104,19 @@ code:not([class*="language-"]) { } .cpp-note, .cpp-lightgraybackground { - background-color: rgba(42, 42, 42, 0.4) !important; - border: 1px solid #3a3a3a !important; + background-color: var(--note-gray-bg) !important; + border: 1px solid var(--note-gray-border) !important; } .cpp-lightgreenbackground { - background-color: rgba(13, 204, 130, 0.13) !important; - border: 1px solid #0dcc82 !important; + background-color: var(--note-green-bg) !important; + border: 1px solid var(--note-green-border) !important; } .cpp-lightbluebackground { - background-color: rgba(90, 176, 242, 0.4) !important; - border: 1px solid #7dc4ff !important; -} - -p, -li, -h2, -blockquote::before, -blockquote::after, -a { - color: rgba(255, 255, 255, 0.93) !important; -} - -a.index, -.index a, -a.changetable-row-link, -.changetable-row-link a { - color: #7aa2f7 !important; - text-decoration: none !important; -} - -tr, -td, -tbody, -code, -th, -.cpp-lightgraybackground, -.cpp-note, -.lessontable { - color: rgba(255, 255, 255, 0.68) !important; - box-shadow: none !important; - border: rgba(68, 68, 68, 0.27) !important; + background-color: var(--note-blue-bg) !important; + border: 1px solid var(--note-blue-border) !important; } +/* tables */ .lessontable-header-title, .changetable-row, .lessontable-row, @@ -122,19 +127,20 @@ th, } .lessontable-header-title { - color: rgba(255, 255, 255, 0.68) !important; + color: var(--theme-text-secondary) !important; box-shadow: none !important; - border: rgba(68, 68, 68, 0.27) !important; + border-color: var(--theme-border-color) !important; } .changetable-row, .lessontable-row { - color: rgba(255, 255, 255, 0.93) !important; + color: var(--theme-text-color) !important; } +/* headings and spans */ h1, span { - color: rgba(255, 255, 255, 0.93) !important; + color: var(--theme-text-color) !important; } span { @@ -167,7 +173,7 @@ ul { .menu-item a, .menu-item-object, .menu-item-object a { - color: rgba(255, 255, 255, 0.93) !important; + color: var(--theme-text-color) !important; background-color: transparent !important; opacity: 1 !important; filter: none !important; @@ -197,7 +203,7 @@ span { img, .searchform { - filter: invert(1) !important; + filter: var(--image-filter) !important; opacity: 40% !important; } @@ -208,85 +214,64 @@ blockquote::before, blockquote::after { content: "" !important; position: absolute !important; - color: rgba(255, 255, 255, 0.93) !important; + color: var(--theme-text-color) !important; font-size: 3em !important; line-height: 1 !important; } -/* fix darkreader */ +/* theme variables - these should be set by the site's theme */ :root { - --darkreader-background-ffffff: transparent !important; -} - -@media (prefers-color-scheme: light) { - #main { - background-color: rgba(238, 238, 238, 0.67) !important; - } + --theme-bg-color: 68, 68, 68; /* Default dark theme */ + --theme-text-color: rgba(255, 255, 255, 0.93); + --theme-text-secondary: rgba(255, 255, 255, 0.68); + --theme-link-color: #7aa2f7; + --theme-border-color: rgba(68, 68, 68, 0.27); - pre, - code:not([class*="language-"]), - .code-toolbar, - .code-toolbar pre { - color: rgba(0, 0, 0, 0.93) !important; - background-color: rgba(241, 241, 241, 0.93) !important; - border: 1px solid #dddddd !important; - } + /* Code block colors */ + --code-bg-color: rgba(26, 26, 26, 0.67); + --code-text-color: rgba(255, 255, 255, 0.93); + --code-border-color: #333333; + --code-token-color: #d4d4d4; + --code-keyword-color: #569cd6; + --code-string-color: #ce9178; + --code-number-color: #b5cea8; + --code-comment-color: #6a9955; + --code-function-color: #dcdcaa; + --code-class-color: #4ec9b0; - .cpp-note, - .cpp-lightgraybackground { - background-color: rgba(221, 221, 221, 0.67) !important; - border: 1px solid #cccccc !important; - } - - p, - li, - h2, - blockquote::before, - blockquote::after, - a, - .changetable-row, - .lessontable-row, - h1, - span, - .menu-item, - .menu-item a, - .menu-item-object, - .menu-item-object a { - color: rgba(0, 0, 0, 0.93) !important; - } - - tr, - td, - tbody, - code, - th, - .cpp-lightgraybackground, - .cpp-note, - .lessontable, - .lessontable-header-title { - color: rgba(0, 0, 0, 0.68) !important; - border: rgba(221, 221, 221, 0.67) !important; - } + /* Note colors */ + --note-gray-bg: rgba(42, 42, 42, 0.4); + --note-gray-border: #3a3a3a; + --note-green-bg: rgba(13, 204, 130, 0.13); + --note-green-border: #0dcc82; + --note-blue-bg: rgba(90, 176, 242, 0.4); + --note-blue-border: #7dc4ff; - a.index, - .index a, - a.changetable-row-link, - .changetable-row-link a { - color: #1a5fb4 !important; - } - - blockquote::before, - blockquote::after { - color: rgba(0, 0, 0, 0.93) !important; + /* Image filter */ + --image-filter: invert(1); +} + +/* Light theme override */ +@media (prefers-color-scheme: light) { + :root { + --theme-bg-color: 238, 238, 238; + --theme-text-color: rgba(0, 0, 0, 0.93); + --theme-text-secondary: rgba(0, 0, 0, 0.68); + --theme-link-color: #1a5fb4; + --theme-border-color: rgba(221, 221, 221, 0.67); + + --code-bg-color: rgba(241, 241, 241, 0.93); + --code-text-color: rgba(0, 0, 0, 0.93); + --code-border-color: #dddddd; + + --note-gray-bg: rgba(221, 221, 221, 0.67); + --note-gray-border: #cccccc; + + --image-filter: invert(0); } .menu-item-1009876, .menu-item-1009876 a { filter: invert(0) !important; } - - img, - .searchform { - filter: invert(0) !important; - } } From 74f2fe1441b214b5c00fc6df19393b853623a8f3 Mon Sep 17 00:00:00 2001 From: kauht <89326272+kauht@users.noreply.github.com> Date: Sat, 23 Aug 2025 01:04:06 -0700 Subject: [PATCH 5/5] Update learncpp.com.css --- websites/learncpp.com.css | 101 +++++++++++++++++++++++--------------- 1 file changed, 61 insertions(+), 40 deletions(-) diff --git a/websites/learncpp.com.css b/websites/learncpp.com.css index a8c388df..ff29cab8 100644 --- a/websites/learncpp.com.css +++ b/websites/learncpp.com.css @@ -28,12 +28,12 @@ main > div, box-shadow 0.5s ease-in-out !important; } -/* main content area - using theme variables */ +/* main content area */ #main { background-color: rgba(var(--theme-bg-color), 0.67) !important; } -/* text colors - using theme variables */ +/* text colors */ p, li, h2, @@ -82,7 +82,7 @@ code:not([class*="language-"]) { border-radius: 3px !important; } -/* syntax highlighting - using theme variables */ +/* syntax highlighting */ .language-cpp .token { color: var(--code-token-color) !important; background: transparent !important; @@ -165,7 +165,7 @@ ul { .menu-item-1009876, .menu-item-1009876 a { - filter: invert(1) !important; + filter: var(--menu-item-filter) !important; opacity: 0.6 !important; } @@ -219,59 +219,80 @@ blockquote::after { line-height: 1 !important; } -/* theme variables - these should be set by the site's theme */ +/* theme variables */ :root { - --theme-bg-color: 68, 68, 68; /* Default dark theme */ - --theme-text-color: rgba(255, 255, 255, 0.93); - --theme-text-secondary: rgba(255, 255, 255, 0.68); - --theme-link-color: #7aa2f7; + --theme-bg-color: 68, 68, 68; + --theme-text-color: rgba(var(--text-color-rgb), 0.93); + --theme-text-secondary: rgba(var(--text-color-rgb), 0.68); + --theme-link-color: var(--link-color); --theme-border-color: rgba(68, 68, 68, 0.27); /* Code block colors */ - --code-bg-color: rgba(26, 26, 26, 0.67); - --code-text-color: rgba(255, 255, 255, 0.93); - --code-border-color: #333333; - --code-token-color: #d4d4d4; - --code-keyword-color: #569cd6; - --code-string-color: #ce9178; - --code-number-color: #b5cea8; - --code-comment-color: #6a9955; - --code-function-color: #dcdcaa; - --code-class-color: #4ec9b0; + --code-bg-color: var(--code-background); + --code-text-color: var(--code-foreground); + --code-border-color: var(--code-border); + --code-token-color: var(--code-token); + --code-keyword-color: var(--code-keyword); + --code-string-color: var(--code-string); + --code-number-color: var(--code-number); + --code-comment-color: var(--code-comment); + --code-function-color: var(--code-function); + --code-class-color: var(--code-class); /* Note colors */ - --note-gray-bg: rgba(42, 42, 42, 0.4); - --note-gray-border: #3a3a3a; - --note-green-bg: rgba(13, 204, 130, 0.13); - --note-green-border: #0dcc82; - --note-blue-bg: rgba(90, 176, 242, 0.4); - --note-blue-border: #7dc4ff; + --note-gray-bg: var(--note-gray-background); + --note-gray-border: var(--note-gray-border-color); + --note-green-bg: var(--note-green-background); + --note-green-border: var(--note-green-border-color); + --note-blue-bg: var(--note-blue-background); + --note-blue-border: var(--note-blue-border-color); /* Image filter */ - --image-filter: invert(1); + --image-filter: var(--image-invert); + --menu-item-filter: invert(1); + --text-color-rgb: 255, 255, 255; + --link-color: #7aa2f7; + + /* Code colors */ + --code-background: rgba(26, 26, 26, 0.67); + --code-foreground: rgba(255, 255, 255, 0.93); + --code-border: #333333; + --code-token: #d4d4d4; + --code-keyword: #569cd6; + --code-string: #ce9178; + --code-number: #b5cea8; + --code-comment: #6a9955; + --code-function: #dcdcaa; + --code-class: #4ec9b0; + + /* Note colors */ + --note-gray-background: rgba(42, 42, 42, 0.4); + --note-gray-border-color: #3a3a3a; + --note-green-background: rgba(13, 204, 130, 0.13); + --note-green-border-color: #0dcc82; + --note-blue-background: rgba(90, 176, 242, 0.4); + --note-blue-border-color: #7dc4ff; + + /* Image filter */ + --image-invert: invert(1); } /* Light theme override */ @media (prefers-color-scheme: light) { :root { --theme-bg-color: 238, 238, 238; - --theme-text-color: rgba(0, 0, 0, 0.93); - --theme-text-secondary: rgba(0, 0, 0, 0.68); - --theme-link-color: #1a5fb4; + --text-color-rgb: 0, 0, 0; --theme-border-color: rgba(221, 221, 221, 0.67); + --link-color: #1a5fb4; - --code-bg-color: rgba(241, 241, 241, 0.93); - --code-text-color: rgba(0, 0, 0, 0.93); - --code-border-color: #dddddd; + --code-background: rgba(241, 241, 241, 0.93); + --code-foreground: rgba(0, 0, 0, 0.93); + --code-border: #dddddd; - --note-gray-bg: rgba(221, 221, 221, 0.67); - --note-gray-border: #cccccc; + --note-gray-background: rgba(221, 221, 221, 0.67); + --note-gray-border-color: #cccccc; - --image-filter: invert(0); - } - - .menu-item-1009876, - .menu-item-1009876 a { - filter: invert(0) !important; + --image-invert: invert(0); + --menu-item-filter: invert(0); } }