summaryrefslogtreecommitdiff
path: root/public/css/dark.f163b79c6de51d14a766ff9f0563053de7f06a4d1bf7b85a59608bf96e566710.css
diff options
context:
space:
mode:
authorroot <root@mqdd.my.id>2026-03-14 14:38:27 +0000
committerroot <root@mqdd.my.id>2026-03-14 14:38:27 +0000
commitcc4fde6912ee2c416873f8b15c75b2856d2fdb7e (patch)
tree79095b637d6ad9496a7883d539f185dd235b066e /public/css/dark.f163b79c6de51d14a766ff9f0563053de7f06a4d1bf7b85a59608bf96e566710.css
parent558858f630a37b4aef3944c5f1202eb04a1a942e (diff)
Update 2026
Diffstat (limited to 'public/css/dark.f163b79c6de51d14a766ff9f0563053de7f06a4d1bf7b85a59608bf96e566710.css')
-rw-r--r--public/css/dark.f163b79c6de51d14a766ff9f0563053de7f06a4d1bf7b85a59608bf96e566710.css174
1 files changed, 174 insertions, 0 deletions
diff --git a/public/css/dark.f163b79c6de51d14a766ff9f0563053de7f06a4d1bf7b85a59608bf96e566710.css b/public/css/dark.f163b79c6de51d14a766ff9f0563053de7f06a4d1bf7b85a59608bf96e566710.css
new file mode 100644
index 0000000..0b0f8bc
--- /dev/null
+++ b/public/css/dark.f163b79c6de51d14a766ff9f0563053de7f06a4d1bf7b85a59608bf96e566710.css
@@ -0,0 +1,174 @@
+/* Dark theme overrides */
+body {
+ color: var(--color-text-dark, #ffffff);
+ background-color: var(--color-background-dark, #202124);
+}
+
+::-moz-selection {
+ background: var(--color-primary-dark, #50fa7b);
+ color: #000000;
+ text-shadow: none;
+}
+
+::selection {
+ background: var(--color-primary-dark, #50fa7b);
+ color: #000000;
+ text-shadow: none;
+}
+
+hr {
+ border-block-start: 3px dotted var(--color-border-dark, #0066ff);
+}
+
+code {
+ background-color: var(--color-background-code-dark, #3a3a3a);
+ color: var(--color-text-dark, #ffffff);
+}
+
+pre {
+ background-color: var(--color-background-pre-dark, #272822);
+ border-color: var(--color-border-dark, #0066ff);
+}
+
+blockquote {
+ border-color: var(--color-border-dark, #0066ff);
+ color: var(--color-text-muted-dark, #dddddd);
+}
+
+/* Headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ color: var(--color-text-muted-dark, #dddddd);
+}
+
+h1::before { color: var(--color-primary-dark, #50fa7b); }
+h2::before { color: var(--color-primary-dark, #50fa7b); }
+h3::before { color: var(--color-primary-dark, #50fa7b); }
+h4::before { color: var(--color-primary-dark, #50fa7b); }
+h5::before { color: var(--color-primary-dark, #50fa7b); }
+h6::before { color: var(--color-primary-dark, #50fa7b); }
+
+.toc {
+ background-color: var(--color-background-toc-dark, #272822);
+ color: var(--color-text-dark, #ffffff);
+ border-color: var(--color-border-dark, #0066ff);
+}
+
+/* Links */
+a {
+ border-block-end: 3px solid var(--color-primary-dark, #50fa7b);
+ color: inherit;
+}
+
+a:hover,
+a:focus {
+ background-color: var(--color-primary-dark, #50fa7b);
+ color: #000000;
+ outline-color: var(--color-primary-dark, #50fa7b);
+}
+
+.site-description a {
+ color: var(--color-text-muted-dark, #dddddd);
+}
+
+.site-description a:hover,
+.site-description a:focus {
+ color: #000000;
+}
+
+/* Tags */
+.tags a {
+ border-block-end: 3px solid var(--color-primary-dark, #50fa7b);
+}
+
+.tags a:hover,
+.tags a:focus {
+ background-color: var(--color-primary-dark, #50fa7b);
+ color: #000000;
+}
+
+.site-title a {
+ color: var(--color-text-dark, #ffffff);
+ text-decoration: none !important;
+}
+
+.header nav,
+footer {
+ border-color: var(--color-border-dark, #0066ff);
+}
+
+.highlight {
+ background-color: var(--color-background-pre-dark, #272822);
+}
+
+.soc:hover,
+.soc:focus {
+ color: #000000;
+ outline-color: var(--color-primary-dark, #50fa7b);
+}
+
+.draft-label {
+ color: var(--color-text-dark, #ffffff);
+ background-color: var(--color-background-draft-dark, #0066ff);
+}
+
+/* Tables in dark mode */
+table th {
+ background-color: var(--color-background-pre-dark, #272822);
+ color: var(--color-text-dark, #ffffff);
+ border-color: var(--color-border-dark, #0066ff);
+}
+
+table td {
+ border-color: var(--color-border-dark, #0066ff);
+ color: var(--color-text-dark, #ffffff);
+}
+
+table tr:nth-child(even) {
+ background-color: var(--color-background-code-dark, #3a3a3a);
+}
+
+/* Navigation toggle in dark mode */
+.nav-toggle {
+ color: var(--color-text-dark, #ffffff);
+}
+
+.nav-toggle:hover,
+.nav-toggle:focus {
+ background-color: var(--color-primary-dark, #50fa7b);
+ color: #000000;
+ outline-color: var(--color-primary-dark, #50fa7b);
+}
+/* Language badges inherit from main.css - no duplicates needed */
+
+/* Callouts in dark mode */
+.callout {
+ background-color: var(--color-background-pre-dark, #272822);
+ color: var(--color-text-dark, #ffffff);
+}
+
+.callout-alert {
+ color: #f8d7da;
+ background-color: #2d1b1d;
+ border-color: #842029;
+}
+
+.callout-tip {
+ color: #d1ecf1;
+ background-color: #0c2428;
+ border-color: #0f5132;
+}
+
+.callout-warning {
+ color: #fff3cd;
+ background-color: #332701;
+ border-color: #997404;
+}
+
+.callout-custom {
+ color: var(--color-text-dark, #ffffff);
+}