@@ -64,3 +134,4 @@
{{template "base/footer" .}} +{{end}} diff --git a/themes/theme-openlatdev-brand-auto.css b/themes/theme-openlatdev-brand-auto.css index 6b12aca..d7a07b4 100644 --- a/themes/theme-openlatdev-brand-auto.css +++ b/themes/theme-openlatdev-brand-auto.css @@ -1,11 +1,1344 @@ -/* Openlatdevs MD3 Auto Dynamic Theme (Adapts to Browser Light/Dark Mode) */ -/* Openlatdevs MD3 Material Light Theme */ -.chroma .bp{color:#999}.chroma .c,.chroma .c1,.chroma .ch{color:#6a737d}.chroma .cm{color:#998}.chroma .cp{color:#109295}.chroma .cpf{color:#4c4dbc}.chroma .cs{color:#999}.chroma .dl{color:#106303}.chroma .gd{color:#000;background-color:#fdd}.chroma .ge{color:#000}.chroma .gh{color:#999}.chroma .gi{color:#000;background-color:#dfd}.chroma .go{color:#888}.chroma .gp{color:#555}.chroma .gr,.chroma .gt{color:#a00}.chroma .gu{color:#aaa}.chroma .il{color:#099}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:#d73a49}.chroma .kt{color:#458}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#099}.chroma .na{color:#d73a49}.chroma .nb{color:#005cc5}.chroma .nc{color:#458}.chroma .nd{color:#3c5d5d}.chroma .ne{color:#900}.chroma .nf{color:#005cc5}.chroma .ni{color:#6f42c1}.chroma .nl{color:#900}.chroma .nn{color:#555}.chroma .no{color:teal}.chroma .nt{color:#22863a}.chroma .nv{color:teal}.chroma .nx{color:#24292e}.chroma .o,.chroma .ow{color:#d73a49}.chroma .s,.chroma .s1,.chroma .s2{color:#106303}.chroma .sa{color:#cc7a00}.chroma .sb{color:#106303}.chroma .sc{color:#cc7a00}.chroma .sd{color:#106303}.chroma .se{color:#940}.chroma .sh{color:#106303}.chroma .si{color:#cc7a00}.chroma .sr{color:#4c4dbc}.chroma .ss{color:#940}.chroma .sx{color:#106303}.chroma .vc,.chroma .vg,.chroma .vi{color:teal}.chroma .w{color:#bbb}.markup [src$="#gh-dark-mode-only"],.markup [src$="#dark-mode-only"],.markup [href$="#gh-dark-mode-only"],.markup [href$="#dark-mode-only"]{display:none}:root{--steel-900: #10161d;--steel-850: #131a21;--steel-800: #171e26;--steel-750: #1d262f;--steel-700: #242d38;--steel-650: #2b3642;--steel-600: #374351;--steel-550: #445161;--steel-500: #515f70;--steel-450: #5f6e80;--steel-400: #6d7d8f;--steel-350: #7c8c9f;--steel-300: #8c9caf;--steel-250: #9dadc0;--steel-200: #aebed0;--steel-150: #c0cfe0;--steel-100: #d2e0f0;--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-150: #ececee;--zinc-200: #e4e4e7;--zinc-250: #dcdce0;--zinc-300: #d4d4d8;--zinc-350: #babac1;--zinc-400: #a1a1aa;--zinc-450: #898992;--zinc-500: #71717a;--zinc-550: #61616a;--zinc-600: #52525b;--zinc-650: #484850;--zinc-700: #3f3f46;--zinc-750: #333338;--zinc-800: #27272a;--zinc-850: #1f1f23;--zinc-900: #18181b;--color-primary: #4a69ae;--color-primary-contrast: #ffffff;--color-primary-dark-1: #3b548c;--color-primary-dark-2: #2d406a;--color-primary-dark-3: #9a3412;--color-primary-dark-4: #7c2d12;--color-primary-dark-5: #7c2d12;--color-primary-dark-6: #7c2d12;--color-primary-dark-7: #7c2d12;--color-primary-light-1: #6b87c8;--color-primary-light-2: #8ca3d6;--color-primary-light-3: #fb923c;--color-primary-light-4: #fdba74;--color-primary-light-5: #fed7aa;--color-primary-light-6: #ffedd5;--color-primary-light-7: #fff7ed;--color-primary-alpha-10: #c2410c19;--color-primary-alpha-20: #c2410c33;--color-primary-alpha-30: #c2410c4b;--color-primary-alpha-40: #c2410c66;--color-primary-alpha-50: #c2410c80;--color-primary-alpha-60: #c2410c99;--color-primary-alpha-70: #c2410cb3;--color-primary-alpha-80: #c2410ccc;--color-primary-alpha-90: #c2410ce1;--color-primary-hover: #3b548c;--color-primary-active: #2d406a;--color-secondary: #e2e8f0;--color-secondary-dark-1: var(--zinc-200);--color-secondary-dark-2: var(--zinc-300);--color-secondary-dark-3: var(--zinc-300);--color-secondary-dark-4: var(--zinc-400);--color-secondary-dark-5: var(--zinc-400);--color-secondary-dark-6: var(--zinc-500);--color-secondary-dark-7: var(--zinc-500);--color-secondary-dark-8: var(--zinc-600);--color-secondary-dark-9: var(--zinc-600);--color-secondary-dark-10: var(--zinc-700);--color-secondary-dark-11: var(--zinc-700);--color-secondary-dark-12: var(--zinc-800);--color-secondary-dark-13: var(--zinc-800);--color-secondary-light-1: var(--zinc-200);--color-secondary-light-2: var(--zinc-100);--color-secondary-light-3: var(--zinc-100);--color-secondary-light-4: var(--zinc-50);--color-secondary-alpha-10: #d4d4d819;--color-secondary-alpha-20: #d4d4d833;--color-secondary-alpha-30: #d4d4d84b;--color-secondary-alpha-40: #d4d4d866;--color-secondary-alpha-50: #d4d4d880;--color-secondary-alpha-60: #d4d4d899;--color-secondary-alpha-70: #d4d4d8b3;--color-secondary-alpha-80: #d4d4d8cc;--color-secondary-alpha-90: #d4d4d8e1;--color-secondary-hover: var(--color-secondary-dark-2);--color-secondary-active: var(--color-secondary-dark-4);--color-console-fg: #eeeff2;--color-console-fg-subtle: #959cab;--color-console-bg: #1f212b;--color-console-border: #383c47;--color-console-hover-bg: #ffffff16;--color-console-active-bg: #454a57;--color-console-menu-bg: #383c47;--color-console-menu-border: #5c6374;--color-red: #dc2626;--color-orange: #ea580c;--color-yellow: #ca8a04;--color-olive: #91a313;--color-green: #15803d;--color-teal: #0d9488;--color-blue: #2563eb;--color-violet: #7c3aed;--color-purple: #9333ea;--color-pink: #db2777;--color-brown: #a47252;--color-grey: #4b5563;--color-black: #000000;--color-red-light: #ef4444;--color-orange-light: #f97316;--color-yellow-light: #eab308;--color-olive-light: #839311;--color-green-light: #16a34a;--color-teal-light: #14b8a6;--color-blue-light: #3b82f6;--color-violet-light: #8b5cf6;--color-purple-light: #a855f7;--color-pink-light: #ec4899;--color-brown-light: #94674a;--color-grey-light: #6b7280;--color-black-light: #181818;--color-red-dark-1: #c82020;--color-orange-dark-1: #d34f0b;--color-yellow-dark-1: #b67c04;--color-olive-dark-1: #839311;--color-green-dark-1: #137337;--color-teal-dark-1: #0c857a;--color-blue-dark-1: #1554e0;--color-violet-dark-1: #6a1feb;--color-purple-dark-1: #8519e7;--color-pink-dark-1: #c7216b;--color-brown-dark-1: #94674a;--color-black-dark-1: #000000;--color-red-dark-2: #b21d1d;--color-orange-dark-2: #bb460a;--color-yellow-dark-2: #a26e03;--color-olive-dark-2: #74820f;--color-green-dark-2: #116631;--color-teal-dark-2: #0a766d;--color-blue-dark-2: #124bc7;--color-violet-dark-2: #5c14d8;--color-purple-dark-2: #7715cf;--color-pink-dark-2: #b11d5f;--color-brown-dark-2: #835b42;--color-black-dark-2: #000000;--color-ansi-black: #1f2326;--color-ansi-red: #cc4848;--color-ansi-green: #87ab63;--color-ansi-yellow: #cc9903;--color-ansi-blue: #3a8ac6;--color-ansi-magenta: #d22e8b;--color-ansi-cyan: #00918a;--color-ansi-white: var(--color-console-fg-subtle);--color-ansi-bright-black: #46494d;--color-ansi-bright-red: #d15a5a;--color-ansi-bright-green: #93b373;--color-ansi-bright-yellow: #eaaf03;--color-ansi-bright-blue: #4e96cc;--color-ansi-bright-magenta: #d74397;--color-ansi-bright-cyan: #00b6ad;--color-ansi-bright-white: var(--color-console-fg);--color-gold: #b1983b;--color-white: #ffffff;--color-diff-removed-word-bg: #fca5a5;--color-diff-added-word-bg: #86efac;--color-diff-removed-row-bg: #fee2e2;--color-diff-moved-row-bg: #fef9c3;--color-diff-added-row-bg: #dcfce7;--color-diff-removed-row-border: #fca5a5;--color-diff-moved-row-border: #fde047;--color-diff-added-row-border: #86efac;--color-diff-inactive: var(--zinc-100);--color-error-border: #fecaca;--color-error-bg: #fee2e2;--color-error-bg-active: #fca5a5;--color-error-bg-hover: #fecaca;--color-error-text: #7f1d1d;--color-success-border: #bbf7d0;--color-success-bg: #dcfce7;--color-success-text: #14532d;--color-warning-border: #fde047;--color-warning-bg: #fef3c7;--color-warning-text: #78350f;--color-info-border: #bae6fd;--color-info-bg: #e0f2fe;--color-info-text: #0c4a6e;--color-red-badge: #b91c1c;--color-red-badge-bg: #b91c1c22;--color-red-badge-hover-bg: #b91c1c44;--color-green-badge: #16a34a;--color-green-badge-bg: #16a34a22;--color-green-badge-hover-bg: #16a34a44;--color-yellow-badge: #ca8a04;--color-yellow-badge-bg: #ca8a0422;--color-yellow-badge-hover-bg: #ca8a0444;--color-orange-badge: #ea580c;--color-orange-badge-bg: #ea580c22;--color-orange-badge-hover-bg: #ea580c44;--color-git: #f05133;--color-icon-green: var(--color-green-light);--color-icon-red: var(--color-red-light);--color-icon-purple: var(--color-purple-light);--color-body: #f8fafc;--color-box-header: #f1f5f9;--color-box-body: #ffffff;--color-box-body-highlight: #f8fafc;--color-text-dark: #0f172a;--color-text: #0f172a;--color-text-light: #334155;--color-text-light-1: #334155;--color-text-light-2: #475569;--color-text-light-3: #64748b;--color-footer: #f1f5f9;--color-timeline: #e2e8f0;--color-input-text: #0f172a;--color-input-background: #ffffff;--color-input-toggle-background: #fff;--color-input-border: #cbd5e1;--color-input-border-hover: #4a69ae;--color-header-wrapper: #0e1217;--color-header-wrapper-transparent: #d2e0f000;--color-light: #ffffffcc;--color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));--color-light-border: #0000001d;--color-hover: #e4e4e4aa;--color-active: #d4d4d8aa;--color-menu: #ffffff;--color-card: #ffffff;--color-markup-table-row: #ffffff06;--color-markup-code-block: #f8fafc;--color-markup-code-inline: var(--zinc-200);--color-button: #f1f5f9;--color-code-bg: #f8fafc;--color-shadow: #00000060;--color-secondary-bg: #f1f5f9;--color-text-focus: #fff;--color-expand-button: var(--zinc-200);--color-placeholder-text: var(--color-text-light-3);--color-editor-line-highlight: var(--zinc-100);--color-project-board-bg: var(--color-secondary-light-2);--color-project-board-dark-label: var(--color-text-light-3);--color-caret: var(--color-text);--color-reaction-bg: #0000000a;--color-reaction-active-bg: var(--color-primary-alpha-20);--color-reaction-hover-bg: var(--color-primary-alpha-30);--color-tooltip-text: #ffffff;--color-tooltip-bg: #000000f0;--color-nav-bg: #0e1217;--color-nav-hover-bg: #1e2530;--color-nav-text: #f1f5f9;--color-secondary-nav-bg: var(--color-body);--color-label-text: var(--color-text);--color-label-bg: #cacaca7b;--color-label-hover-bg: #cacacaa0;--color-label-active-bg: #cacacaff;--color-label-bg-alt: #cacacaff;--color-accent: #4a69ae;--color-small-accent: var(--color-primary-light-5);--color-highlight-fg: var(--color-primary-light-4);--color-highlight-bg: var(--color-primary-light-6);--color-overlay-backdrop: #080808c0;--checkerboard-color-1: #ffffff;--checkerboard-color-2: #e5e5e5;accent-color:var(--color-accent);color-scheme:light}.ui.secondary.vertical.menu{border-radius:.28571429rem!important;overflow:hidden}.ui.basic.primary.button.item{background-color:var(--color-active)!important;color:var(--color-text)!important;box-shadow:none!important}.ui.red.label.notification_count,.ui.primary.labels .label{background-color:var(--color-primary-dark-1)!important}.repository.view.issue .comment-list .code-comment+.code-comment{margin:1.25rem 0!important;padding-top:1.25rem!important;border-top-color:var(--zinc-250)!important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{background-color:var(--color-shadow)!important}#review-box .review-comments-counter{background-color:var(--color-label-bg)!important;margin-left:.5em}.ui.basic.labels .primary.label,.ui.ui.ui.basic.primary.label{color:var(--color-text-dark)!important}.ui.basic.yellow.label.pending-label{background:var(--color-warning-bg)!important;color:var(--color-warning-text)!important;border-color:var(--color-yellow-light)!important}::selection{background:var(--steel-450)!important;color:var(--color-white)!important} +/* ========================================================================== + OFFICIAL JETBRAINS MONO NERD FONT (v3.5.0 Patched WebFont Declarations) + ========================================================================== */ +@font-face { + font-family: 'JetBrainsMono Nerd Font'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url('/assets/fonts/jetbrains-mono-nerd/JetBrainsMonoNerdFont-Regular.ttf') format('truetype'); +} +@font-face { + font-family: 'JetBrainsMono Nerd Font'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url('/assets/fonts/jetbrains-mono-nerd/JetBrainsMonoNerdFont-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'JetBrainsMono Nerd Font'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url('/assets/fonts/jetbrains-mono-nerd/JetBrainsMonoNerdFont-Medium.ttf') format('truetype'); +} + +@font-face { + font-family: 'JetBrainsMono Nerd Font'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url('/assets/fonts/jetbrains-mono-nerd/JetBrainsMonoNerdFont-Bold.ttf') format('truetype'); +} + +/* ========================================================================== + JetBrainsMono Nerd Font Code Editor & Monospace Typography + ========================================================================== */ +.CodeMirror, +.CodeMirror-lines, +.CodeMirror pre.CodeMirror-line, +.CodeMirror pre.CodeMirror-line-like, +.cm-editor, +.cm-content, +.cm-line, +textarea.editor, +#edit-area, +.editor-loading-placeholder, +.file-view table.code-view, +.code-view, +.lines-code, +.lines-num, +.diff-file-box .code-view, +.tag-code-view, +.monospaced, +pre, +code, +.markup pre, +.markup code, +.chroma { + font-family: 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', 'JetBrainsMono NF', 'JetBrains Mono', 'Fira Code', 'Roboto Mono', ui-monospace, monospace !important; + font-size: 14.5px !important; + line-height: 1.6 !important; +} + +.CodeMirror, +.cm-editor { + font-size: 14.5px !important; +} + +.lines-num, +.CodeMirror-linenumber, +.cm-gutterElement { + font-family: 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', monospace !important; + font-size: 13px !important; + line-height: 1.6 !important; +} + +@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400..700;1,400..700&display=swap'); +/* ========================================================================== + openlat.dev — Official Brand Theme: Auto (Dynamic Responsive) + Repository: https://openlat.dev/Openlatdevs/git-branding + License: MIT (2026 openlat.dev Community) + + Structure Index: + 1. Syntax Highlighting & Code Formatting (Chroma / CodeMirror) + 2. Design Tokens & Color System Custom Variables (:root) + 3. Base Layout & Element Resets + 4. Component Styles (Buttons, Hero Mascot, Badges) + 5. Navigation Bar & Sidebar Styling + 6. Responsive & Mobile Viewport Rules (@media) + ========================================================================== */ + + +/* Openlatdevs MD3 Auto Dynamic Theme (Adapts to Browser Light/Dark Mode) */ + +/* Openlatdevs MD3 Material Light Theme */ +.chroma .bp { + color: #999; +} + +.chroma .c, +.chroma .c1, +.chroma .ch { + color: #6a737d; +} + +.chroma .cm { + color: #998; +} + +.chroma .cp { + color: #109295; +} + +.chroma .cpf { + color: #4c4dbc; +} + +.chroma .cs { + color: #999; +} + +.chroma .dl { + color: #106303; +} + +.chroma .gd { + color: #000; + background-color: #fdd; +} + +.chroma .ge { + color: #000; +} + +.chroma .gh { + color: #999; +} + +.chroma .gi { + color: #000; + background-color: #dfd; +} + +.chroma .go { + color: #888; +} + +.chroma .gp { + color: #555; +} + +.chroma .gr, +.chroma .gt { + color: #a00; +} + +.chroma .gu { + color: #aaa; +} + +.chroma .il { + color: #099; +} + +.chroma .k, +.chroma .kc, +.chroma .kd, +.chroma .kn, +.chroma .kp, +.chroma .kr { + color: #d73a49; +} + +.chroma .kt { + color: #458; +} + +.chroma .m, +.chroma .mb, +.chroma .mf, +.chroma .mh, +.chroma .mi, +.chroma .mo { + color: #099; +} + +.chroma .na { + color: #d73a49; +} + +.chroma .nb { + color: #005cc5; +} + +.chroma .nc { + color: #458; +} + +.chroma .nd { + color: #3c5d5d; +} + +.chroma .ne { + color: #900; +} + +.chroma .nf { + color: #005cc5; +} + +.chroma .ni { + color: #6f42c1; +} + +.chroma .nl { + color: #900; +} + +.chroma .nn { + color: #555; +} + +.chroma .no { + color: teal; +} + +.chroma .nt { + color: #22863a; +} + +.chroma .nv { + color: teal; +} + +.chroma .nx { + color: #24292e; +} + +.chroma .o, +.chroma .ow { + color: #d73a49; +} + +.chroma .s, +.chroma .s1, +.chroma .s2 { + color: #106303; +} + +.chroma .sa { + color: #cc7a00; +} + +.chroma .sb { + color: #106303; +} + +.chroma .sc { + color: #cc7a00; +} + +.chroma .sd { + color: #106303; +} + +.chroma .se { + color: #940; +} + +.chroma .sh { + color: #106303; +} + +.chroma .si { + color: #cc7a00; +} + +.chroma .sr { + color: #4c4dbc; +} + +.chroma .ss { + color: #940; +} + +.chroma .sx { + color: #106303; +} + +.chroma .vc, +.chroma .vg, +.chroma .vi { + color: teal; +} + +.chroma .w { + color: #bbb; +} + +.markup [src$="#gh-dark-mode-only"], +.markup [src$="#dark-mode-only"], +.markup [href$="#gh-dark-mode-only"], +.markup [href$="#dark-mode-only"] { + display: none; +} + +:root { + --steel-900: #10161d; + --steel-850: #131a21; + --steel-800: #171e26; + --steel-750: #1d262f; + --steel-700: #242d38; + --steel-650: #2b3642; + --steel-600: #374351; + --steel-550: #445161; + --steel-500: #515f70; + --steel-450: #5f6e80; + --steel-400: #6d7d8f; + --steel-350: #7c8c9f; + --steel-300: #8c9caf; + --steel-250: #9dadc0; + --steel-200: #aebed0; + --steel-150: #c0cfe0; + --steel-100: #d2e0f0; + --zinc-50: #fafafa; + --zinc-100: #f4f4f5; + --zinc-150: #ececee; + --zinc-200: #e4e4e7; + --zinc-250: #dcdce0; + --zinc-300: #d4d4d8; + --zinc-350: #babac1; + --zinc-400: #a1a1aa; + --zinc-450: #898992; + --zinc-500: #71717a; + --zinc-550: #61616a; + --zinc-600: #52525b; + --zinc-650: #484850; + --zinc-700: #3f3f46; + --zinc-750: #333338; + --zinc-800: #27272a; + --zinc-850: #1f1f23; + --zinc-900: #18181b; + --color-primary: #4a69ae; + --color-primary-contrast: #ffffff; + --color-primary-dark-1: #3b548c; + --color-primary-dark-2: #2d406a; + --color-primary-dark-3: #9a3412; + --color-primary-dark-4: #7c2d12; + --color-primary-dark-5: #7c2d12; + --color-primary-dark-6: #7c2d12; + --color-primary-dark-7: #7c2d12; + --color-primary-light-1: #6b87c8; + --color-primary-light-2: #8ca3d6; + --color-primary-light-3: #fb923c; + --color-primary-light-4: #fdba74; + --color-primary-light-5: #fed7aa; + --color-primary-light-6: #ffedd5; + --color-primary-light-7: #fff7ed; + --color-primary-alpha-10: #c2410c19; + --color-primary-alpha-20: #c2410c33; + --color-primary-alpha-30: #c2410c4b; + --color-primary-alpha-40: #c2410c66; + --color-primary-alpha-50: #c2410c80; + --color-primary-alpha-60: #c2410c99; + --color-primary-alpha-70: #c2410cb3; + --color-primary-alpha-80: #c2410ccc; + --color-primary-alpha-90: #c2410ce1; + --color-primary-hover: #3b548c; + --color-primary-active: #2d406a; + --color-secondary: #e2e8f0; + --color-secondary-dark-1: var(--zinc-200); + --color-secondary-dark-2: var(--zinc-300); + --color-secondary-dark-3: var(--zinc-300); + --color-secondary-dark-4: var(--zinc-400); + --color-secondary-dark-5: var(--zinc-400); + --color-secondary-dark-6: var(--zinc-500); + --color-secondary-dark-7: var(--zinc-500); + --color-secondary-dark-8: var(--zinc-600); + --color-secondary-dark-9: var(--zinc-600); + --color-secondary-dark-10: var(--zinc-700); + --color-secondary-dark-11: var(--zinc-700); + --color-secondary-dark-12: var(--zinc-800); + --color-secondary-dark-13: var(--zinc-800); + --color-secondary-light-1: var(--zinc-200); + --color-secondary-light-2: var(--zinc-100); + --color-secondary-light-3: var(--zinc-100); + --color-secondary-light-4: var(--zinc-50); + --color-secondary-alpha-10: #d4d4d819; + --color-secondary-alpha-20: #d4d4d833; + --color-secondary-alpha-30: #d4d4d84b; + --color-secondary-alpha-40: #d4d4d866; + --color-secondary-alpha-50: #d4d4d880; + --color-secondary-alpha-60: #d4d4d899; + --color-secondary-alpha-70: #d4d4d8b3; + --color-secondary-alpha-80: #d4d4d8cc; + --color-secondary-alpha-90: #d4d4d8e1; + --color-secondary-hover: var(--color-secondary-dark-2); + --color-secondary-active: var(--color-secondary-dark-4); + --color-console-fg: #eeeff2; + --color-console-fg-subtle: #959cab; + --color-console-bg: #1f212b; + --color-console-border: #383c47; + --color-console-hover-bg: #ffffff16; + --color-console-active-bg: #454a57; + --color-console-menu-bg: #383c47; + --color-console-menu-border: #5c6374; + --color-red: #dc2626; + --color-orange: #ea580c; + --color-yellow: #ca8a04; + --color-olive: #91a313; + --color-green: #15803d; + --color-teal: #0d9488; + --color-blue: #2563eb; + --color-violet: #7c3aed; + --color-purple: #9333ea; + --color-pink: #db2777; + --color-brown: #a47252; + --color-grey: #4b5563; + --color-black: #000000; + --color-red-light: #ef4444; + --color-orange-light: #f97316; + --color-yellow-light: #eab308; + --color-olive-light: #839311; + --color-green-light: #16a34a; + --color-teal-light: #14b8a6; + --color-blue-light: #3b82f6; + --color-violet-light: #8b5cf6; + --color-purple-light: #a855f7; + --color-pink-light: #ec4899; + --color-brown-light: #94674a; + --color-grey-light: #6b7280; + --color-black-light: #181818; + --color-red-dark-1: #c82020; + --color-orange-dark-1: #d34f0b; + --color-yellow-dark-1: #b67c04; + --color-olive-dark-1: #839311; + --color-green-dark-1: #137337; + --color-teal-dark-1: #0c857a; + --color-blue-dark-1: #1554e0; + --color-violet-dark-1: #6a1feb; + --color-purple-dark-1: #8519e7; + --color-pink-dark-1: #c7216b; + --color-brown-dark-1: #94674a; + --color-black-dark-1: #000000; + --color-red-dark-2: #b21d1d; + --color-orange-dark-2: #bb460a; + --color-yellow-dark-2: #a26e03; + --color-olive-dark-2: #74820f; + --color-green-dark-2: #116631; + --color-teal-dark-2: #0a766d; + --color-blue-dark-2: #124bc7; + --color-violet-dark-2: #5c14d8; + --color-purple-dark-2: #7715cf; + --color-pink-dark-2: #b11d5f; + --color-brown-dark-2: #835b42; + --color-black-dark-2: #000000; + --color-ansi-black: #1f2326; + --color-ansi-red: #cc4848; + --color-ansi-green: #87ab63; + --color-ansi-yellow: #cc9903; + --color-ansi-blue: #3a8ac6; + --color-ansi-magenta: #d22e8b; + --color-ansi-cyan: #00918a; + --color-ansi-white: var(--color-console-fg-subtle); + --color-ansi-bright-black: #46494d; + --color-ansi-bright-red: #d15a5a; + --color-ansi-bright-green: #93b373; + --color-ansi-bright-yellow: #eaaf03; + --color-ansi-bright-blue: #4e96cc; + --color-ansi-bright-magenta: #d74397; + --color-ansi-bright-cyan: #00b6ad; + --color-ansi-bright-white: var(--color-console-fg); + --color-gold: #b1983b; + --color-white: #ffffff; + --color-diff-removed-word-bg: #fca5a5; + --color-diff-added-word-bg: #86efac; + --color-diff-removed-row-bg: #fee2e2; + --color-diff-moved-row-bg: #fef9c3; + --color-diff-added-row-bg: #dcfce7; + --color-diff-removed-row-border: #fca5a5; + --color-diff-moved-row-border: #fde047; + --color-diff-added-row-border: #86efac; + --color-diff-inactive: var(--zinc-100); + --color-error-border: #fecaca; + --color-error-bg: #fee2e2; + --color-error-bg-active: #fca5a5; + --color-error-bg-hover: #fecaca; + --color-error-text: #7f1d1d; + --color-success-border: #bbf7d0; + --color-success-bg: #dcfce7; + --color-success-text: #14532d; + --color-warning-border: #fde047; + --color-warning-bg: #fef3c7; + --color-warning-text: #78350f; + --color-info-border: #bae6fd; + --color-info-bg: #e0f2fe; + --color-info-text: #0c4a6e; + --color-red-badge: #b91c1c; + --color-red-badge-bg: #b91c1c22; + --color-red-badge-hover-bg: #b91c1c44; + --color-green-badge: #16a34a; + --color-green-badge-bg: #16a34a22; + --color-green-badge-hover-bg: #16a34a44; + --color-yellow-badge: #ca8a04; + --color-yellow-badge-bg: #ca8a0422; + --color-yellow-badge-hover-bg: #ca8a0444; + --color-orange-badge: #ea580c; + --color-orange-badge-bg: #ea580c22; + --color-orange-badge-hover-bg: #ea580c44; + --color-git: #f05133; + --color-icon-green: var(--color-green-light); + --color-icon-red: var(--color-red-light); + --color-icon-purple: var(--color-purple-light); + --color-body: #f8fafc; + --color-box-header: #f1f5f9; + --color-box-body: #ffffff; + --color-box-body-highlight: #f8fafc; + --color-text-dark: #0f172a; + --color-text: #0f172a; + --color-text-light: #334155; + --color-text-light-1: #334155; + --color-text-light-2: #475569; + --color-text-light-3: #64748b; + --color-footer: #f1f5f9; + --color-timeline: #e2e8f0; + --color-input-text: #0f172a; + --color-input-background: #ffffff; + --color-input-toggle-background: #fff; + --color-input-border: #cbd5e1; + --color-input-border-hover: #4a69ae; + --color-header-wrapper: #ffffff; + --color-header-wrapper-transparent: #d2e0f000; + --color-light: #ffffffcc; + --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-border: #0000001d; + --color-hover: #e4e4e4aa; + --color-active: #d4d4d8aa; + --color-menu: #ffffff; + --color-card: #ffffff; + --color-markup-table-row: #ffffff06; + --color-markup-code-block: #f8fafc; + --color-markup-code-inline: var(--zinc-200); + --color-button: #f1f5f9; + --color-code-bg: #f8fafc; + --color-shadow: #00000060; + --color-secondary-bg: #f1f5f9; + --color-text-focus: #fff; + --color-expand-button: var(--zinc-200); + --color-placeholder-text: var(--color-text-light-3); + --color-editor-line-highlight: var(--zinc-100); + --color-project-board-bg: var(--color-secondary-light-2); + --color-project-board-dark-label: var(--color-text-light-3); + --color-caret: var(--color-text); + --color-reaction-bg: #0000000a; + --color-reaction-active-bg: var(--color-primary-alpha-20); + --color-reaction-hover-bg: var(--color-primary-alpha-30); + --color-tooltip-text: #ffffff; + --color-tooltip-bg: #000000f0; + --color-nav-bg: #ffffff; + --color-nav-hover-bg: #f1f5f9; + --color-nav-text: #0f172a; + --color-secondary-nav-bg: var(--color-body); + --color-label-text: var(--color-text); + --color-label-bg: #cacaca7b; + --color-label-hover-bg: #cacacaa0; + --color-label-active-bg: #cacacaff; + --color-label-bg-alt: #cacacaff; + --color-accent: #4a69ae; + --color-small-accent: var(--color-primary-light-5); + --color-highlight-fg: var(--color-primary-light-4); + --color-highlight-bg: var(--color-primary-light-6); + --color-overlay-backdrop: #080808c0; + --checkerboard-color-1: #ffffff; + --checkerboard-color-2: #e5e5e5; + accent-color: var(--color-accent); + color-scheme: light; +} + +.ui.secondary.vertical.menu { + border-radius: .28571429rem!important; + overflow: hidden; +} + +.ui.basic.primary.button.item { + background-color: var(--color-active)!important; + color: var(--color-text)!important; + box-shadow: none!important; +} + +.ui.red.label.notification_count, +.ui.primary.labels .label { + background-color: var(--color-primary-dark-1)!important; +} + +.repository.view.issue .comment-list .code-comment+.code-comment { + margin: 1.25rem 0!important; + padding-top: 1.25rem!important; + border-top-color: var(--zinc-250)!important; +} + +.ui.labeled.icon.buttons>.button>.icon, +.ui.labeled.icon.button>.icon { + background-color: var(--color-shadow)!important; +} + +#review-box .review-comments-counter { + background-color: var(--color-label-bg)!important; + margin-left: .5em; +} + +.ui.basic.labels .primary.label, +.ui.ui.ui.basic.primary.label { + color: var(--color-text-dark)!important; +} + +.ui.basic.yellow.label.pending-label { + background: var(--color-warning-bg)!important; + color: var(--color-warning-text)!important; + border-color: var(--color-yellow-light)!important; +} + +::selection { + background: var(--steel-450)!important; + color: var(--color-white)!important; +} @media (prefers-color-scheme: dark) { -/* Openlatdevs MD3 Ink Dark Theme */ -.chroma .bp{color:#fabd2f}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm{color:#777e94}.chroma .cp{color:#8ec07c}.chroma .cpf{color:#649bc4}.chroma .cs{color:#9075cd}.chroma .dl{color:#649bc4}.chroma .gd{color:#fff;background-color:#5f3737}.chroma .ge{color:#ddee30}.chroma .gh{color:#ffaa10}.chroma .gi{color:#fff;background-color:#3a523a}.chroma .go{color:#777e94}.chroma .gp{color:#ebdbb2}.chroma .gr{color:#f43}.chroma .gs{color:#ebdbb2}.chroma .gt{color:#ff7540}.chroma .gu{color:#b8bb26}.chroma .il{color:#649bc4}.chroma .k{color:#ff7540}.chroma .kc{color:#649bc4}.chroma .kd{color:#ff7540}.chroma .kn{color:#ffaa10}.chroma .kp{color:#5f8700}.chroma .kr{color:#ff7540}.chroma .kt{color:#ff7b72}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#649bc4}.chroma .n{color:#c9d1d9}.chroma .na,.chroma .nb{color:#fabd2f}.chroma .nc{color:#ffaa10}.chroma .nd{color:#8ec07c}.chroma .ne{color:#ff7540}.chroma .nf,.chroma .ni{color:#fabd2f}.chroma .nl{color:#ff7540}.chroma .nn{color:#c9d1d9}.chroma .no{color:#649bc4}.chroma .nt{color:#ff7540}.chroma .nv{color:#ebdbb2}.chroma .nx{color:#b6bac5}.chroma .o{color:#ff7540}.chroma .ow{color:#5f8700}.chroma .p{color:#d2d4db}.chroma .s,.chroma .s1,.chroma .s2{color:#b8bb26}.chroma .sa{color:#ffaa10}.chroma .sb{color:#b8bb26}.chroma .sc{color:#ffaa10}.chroma .sd{color:#b8bb26}.chroma .se{color:#ff8540}.chroma .sh{color:#b8bb26}.chroma .si{color:#ffaa10}.chroma .sr{color:#9075cd}.chroma .ss{color:#ff8540}.chroma .sx{color:#ffaa10}.chroma .vc,.chroma .vg,.chroma .vi{color:#649bee}.chroma .w{color:#7f8699}.CodeMirror.cm-s-default .cm-property,.CodeMirror.cm-s-paper .cm-property{color:#a0cc75}.CodeMirror.cm-s-default .cm-header,.CodeMirror.cm-s-paper .cm-header{color:#9daccc}.CodeMirror.cm-s-default .cm-quote,.CodeMirror.cm-s-paper .cm-quote{color:#090}.CodeMirror.cm-s-default .cm-keyword,.CodeMirror.cm-s-paper .cm-keyword{color:#cc8a61}.CodeMirror.cm-s-default .cm-atom,.CodeMirror.cm-s-paper .cm-atom{color:#ef5e77}.CodeMirror.cm-s-default .cm-number,.CodeMirror.cm-s-paper .cm-number{color:#ff5656}.CodeMirror.cm-s-default .cm-def,.CodeMirror.cm-s-paper .cm-def{color:#e4e4e4}.CodeMirror.cm-s-default .cm-variable-2,.CodeMirror.cm-s-paper .cm-variable-2{color:#00bdbf}.CodeMirror.cm-s-default .cm-variable-3,.CodeMirror.cm-s-paper .cm-variable-3{color:#085}.CodeMirror.cm-s-default .cm-comment,.CodeMirror.cm-s-paper .cm-comment{color:#8e9ab3}.CodeMirror.cm-s-default .cm-string,.CodeMirror.cm-s-paper .cm-string{color:#a77272}.CodeMirror.cm-s-default .cm-string-2,.CodeMirror.cm-s-paper .cm-string-2{color:#f50}.CodeMirror.cm-s-default .cm-meta,.CodeMirror.cm-s-paper .cm-meta,.CodeMirror.cm-s-default .cm-qualifier,.CodeMirror.cm-s-paper .cm-qualifier{color:#ffb176}.CodeMirror.cm-s-default .cm-builtin,.CodeMirror.cm-s-paper .cm-builtin{color:#b7c951}.CodeMirror.cm-s-default .cm-bracket,.CodeMirror.cm-s-paper .cm-bracket{color:#997}.CodeMirror.cm-s-default .cm-tag,.CodeMirror.cm-s-paper .cm-tag{color:#f1d273}.CodeMirror.cm-s-default .cm-attribute,.CodeMirror.cm-s-paper .cm-attribute{color:#bfcc70}.CodeMirror.cm-s-default .cm-hr,.CodeMirror.cm-s-paper .cm-hr{color:#999}.CodeMirror.cm-s-default .cm-url,.CodeMirror.cm-s-paper .cm-url{color:#c5cfd0}.CodeMirror.cm-s-default .cm-link,.CodeMirror.cm-s-paper .cm-link{color:#d8c792}.CodeMirror.cm-s-default .cm-error,.CodeMirror.cm-s-paper .cm-error{color:#dbdbeb}.markup [src$="#gh-light-mode-only"],.markup [src$="#light-mode-only"],.markup [href$="#gh-light-mode-only"],.markup [href$="#light-mode-only"]{display:none}.markup [src$="#gh-dark-mode-only"],.markup [src$="#dark-mode-only"],.markup [href$="#gh-dark-mode-only"],.markup [href$="#dark-mode-only"]{display:unset}:root{--steel-900: #10161d;--steel-850: #131a21;--steel-800: #171e26;--steel-750: #1d262f;--steel-700: #242d38;--steel-650: #2b3642;--steel-600: #374351;--steel-550: #445161;--steel-500: #515f70;--steel-450: #5f6e80;--steel-400: #6d7d8f;--steel-350: #7c8c9f;--steel-300: #8c9caf;--steel-250: #9dadc0;--steel-200: #aebed0;--steel-150: #c0cfe0;--steel-100: #d2e0f0;--is-dark-theme: true;--color-primary: #4a69ae;--color-primary-contrast: #ffffff;--color-primary-dark-1: #3b548c;--color-primary-dark-2: #2d406a;--color-primary-dark-3: #fed7aa;--color-primary-dark-4: #fed7aa;--color-primary-dark-5: #ffedd5;--color-primary-dark-6: #ffedd5;--color-primary-dark-7: #fff7ed;--color-primary-light-1: #6b87c8;--color-primary-light-2: #8ca3d6;--color-primary-light-3: #c2410c;--color-primary-light-4: #9a3412;--color-primary-light-5: #9a3412;--color-primary-light-6: #7c2d12;--color-primary-light-7: #7c2d12;--color-primary-alpha-10: #ea580c19;--color-primary-alpha-20: #ea580c33;--color-primary-alpha-30: #ea580c4b;--color-primary-alpha-40: #ea580c66;--color-primary-alpha-50: #ea580c80;--color-primary-alpha-60: #ea580c99;--color-primary-alpha-70: #ea580cb3;--color-primary-alpha-80: #ea580ccc;--color-primary-alpha-90: #ea580ce1;--color-primary-hover: #6b87c8;--color-primary-active: #3b548c;--color-secondary: #1e2530;--color-secondary-dark-1: var(--steel-550);--color-secondary-dark-2: var(--steel-500);--color-secondary-dark-3: var(--steel-450);--color-secondary-dark-4: var(--steel-400);--color-secondary-dark-5: var(--steel-350);--color-secondary-dark-6: var(--steel-300);--color-secondary-dark-7: var(--steel-250);--color-secondary-dark-8: var(--steel-200);--color-secondary-dark-9: var(--steel-150);--color-secondary-dark-10: var(--steel-100);--color-secondary-dark-11: var(--steel-100);--color-secondary-dark-12: var(--steel-100);--color-secondary-dark-13: var(--steel-100);--color-secondary-light-1: var(--steel-650);--color-secondary-light-2: var(--steel-700);--color-secondary-light-3: var(--steel-750);--color-secondary-light-4: var(--steel-800);--color-secondary-alpha-10: #2b364219;--color-secondary-alpha-20: #2b364233;--color-secondary-alpha-30: #2b36424b;--color-secondary-alpha-40: #2b364266;--color-secondary-alpha-50: #2b364280;--color-secondary-alpha-60: #2b364299;--color-secondary-alpha-70: #2b3642b3;--color-secondary-alpha-80: #2b3642cc;--color-secondary-alpha-90: #2b3642e1;--color-secondary-hover: var(--color-secondary-light-1);--color-secondary-active: var(--color-secondary-light-2);--color-console-fg: #eeeff2;--color-console-fg-subtle: #959cab;--color-console-bg: #1f212b;--color-console-border: #383c47;--color-console-hover-bg: #ffffff16;--color-console-active-bg: #454a57;--color-console-menu-bg: #383c47;--color-console-menu-border: #5c6374;--color-red: #b91c1c;--color-orange: #ea580c;--color-yellow: #ca8a04;--color-olive: #91a313;--color-green: #15803d;--color-teal: #0d9488;--color-blue: #2563eb;--color-violet: #7c3aed;--color-purple: #9333ea;--color-pink: #db2777;--color-brown: #a47252;--color-grey: var(--steel-500);--color-black: #111827;--color-red-light: #dc2626;--color-orange-light: #f97316;--color-yellow-light: #eab308;--color-olive-light: #839311;--color-green-light: #16a34a;--color-teal-light: #14b8a6;--color-blue-light: #3b82f6;--color-violet-light: #8b5cf6;--color-purple-light: #a855f7;--color-pink-light: #ec4899;--color-brown-light: #94674a;--color-grey-light: var(--steel-300);--color-black-light: #1f2937;--color-red-dark-1: #a71919;--color-orange-dark-1: #d34f0b;--color-yellow-dark-1: #b67c04;--color-olive-dark-1: #839311;--color-green-dark-1: #137337;--color-teal-dark-1: #0c857a;--color-blue-dark-1: #1554e0;--color-violet-dark-1: #6a1feb;--color-purple-dark-1: #8519e7;--color-pink-dark-1: #c7216b;--color-brown-dark-1: #94674a;--color-black-dark-1: #0f1623;--color-red-dark-2: #941616;--color-orange-dark-2: #bb460a;--color-yellow-dark-2: #ca8a04;--color-olive-dark-2: #91a313;--color-green-dark-2: #15803d;--color-teal-dark-2: #0a766d;--color-blue-dark-2: #2563eb;--color-violet-dark-2: #5c14d8;--color-purple-dark-2: #7c3aed;--color-pink-dark-2: #b11d5f;--color-brown-dark-2: #a47252;--color-black-dark-2: #111827;--color-ansi-black: #1d2328;--color-ansi-red: #cc4848;--color-ansi-green: #87ab63;--color-ansi-yellow: #cc9903;--color-ansi-blue: #3a8ac6;--color-ansi-magenta: #d22e8b;--color-ansi-cyan: #00918a;--color-ansi-white: var(--color-console-fg-subtle);--color-ansi-bright-black: #424851;--color-ansi-bright-red: #d15a5a;--color-ansi-bright-green: #93b373;--color-ansi-bright-yellow: #eaaf03;--color-ansi-bright-blue: #4e96cc;--color-ansi-bright-magenta: #d74397;--color-ansi-bright-cyan: #00b6ad;--color-ansi-bright-white: var(--color-console-fg);--color-gold: #b1983b;--color-white: #ffffff;--color-pure-black: #000000;--color-diff-removed-word-bg: #783030;--color-diff-added-word-bg: #255c39;--color-diff-removed-row-bg: #432121;--color-diff-moved-row-bg: #825718;--color-diff-added-row-bg: #1b3625;--color-diff-removed-row-border: #783030;--color-diff-moved-row-border: #a67a1d;--color-diff-added-row-border: #255c39;--color-diff-inactive: var(--steel-650);--color-error-border: #783030;--color-error-bg: #5f2525;--color-error-bg-active: #783030;--color-error-bg-hover: #783030;--color-error-text: #fef2f2;--color-success-border: #1f6e3c;--color-success-bg: #1d462c;--color-success-text: #aef0c2;--color-warning-border: #a67a1d;--color-warning-bg: #644821;--color-warning-text: #fff388;--color-info-border: #2e50b0;--color-info-bg: #2a396b;--color-info-text: var(--steel-100);--color-red-badge: #b91c1c;--color-red-badge-bg: #b91c1c22;--color-red-badge-hover-bg: #b91c1c44;--color-green-badge: #16a34a;--color-green-badge-bg: #16a34a22;--color-green-badge-hover-bg: #16a34a44;--color-yellow-badge: #ca8a04;--color-yellow-badge-bg: #ca8a0422;--color-yellow-badge-hover-bg: #ca8a0444;--color-orange-badge: #ea580c;--color-orange-badge-bg: #ea580c22;--color-orange-badge-hover-bg: #ea580c44;--color-git: #f05133;--color-icon-green: #3fb950;--color-icon-red: #f85149;--color-icon-purple: #aa76ff;--color-body: #0e1217;--color-box-header: #1e2530;--color-box-body: #161b23;--color-box-body-highlight: #26303e;--color-text-dark: #f1f5f9;--color-text: #f1f5f9;--color-text-light: #cbd5e1;--color-text-light-1: #cbd5e1;--color-text-light-2: #94a3b8;--color-text-light-3: #64748b;--color-footer: #0a0d11;--color-timeline: #2e3646;--color-input-text: #f1f5f9;--color-input-background: #161b23;--color-input-toggle-background: var(--steel-650);--color-input-border: #2e3646;--color-input-border-hover: #4a69ae;--color-header-wrapper: #0a0d11;--color-header-wrapper-transparent: #242d3800;--color-light: #00000028;--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));--color-light-border: #ffffff28;--color-hover: var(--steel-600);--color-active: var(--steel-650);--color-menu: #1e2530;--color-card: #1e2530;--color-markup-table-row: #ffffff06;--color-markup-code-block: #161b23;--color-markup-code-inline: var(--steel-850);--color-button: #1e2530;--color-code-bg: #161b23;--color-shadow: #00000060;--color-secondary-bg: #1e2530;--color-text-focus: #fff;--color-expand-button: #3c404d;--color-placeholder-text: var(--color-text-light-3);--color-editor-line-highlight: var(--steel-700);--color-project-board-bg: var(--color-secondary-light-3);--color-project-board-dark-label: var(--color-text-light-3);--color-caret: var(--color-text);--color-reaction-bg: #ffffff12;--color-reaction-active-bg: var(--color-primary-alpha-30);--color-reaction-hover-bg: var(--color-primary-alpha-40);--color-tooltip-text: #ffffff;--color-tooltip-bg: #000000f0;--color-nav-bg: #12171e;--color-nav-hover-bg: #1e2530;--color-nav-text: #f1f5f9;--color-secondary-nav-bg: var(--color-body);--color-label-text: #fff;--color-label-bg: var(--steel-600);--color-label-hover-bg: var(--steel-550);--color-label-active-bg: var(--steel-500);--color-label-bg-alt: var(--steel-550);--color-accent: #4a69ae;--color-small-accent: var(--color-primary-light-5);--color-highlight-fg: var(--color-primary-light-4);--color-highlight-bg: var(--color-primary-alpha-20);--color-overlay-backdrop: #080808c0;--checkerboard-color-1: #474747;--checkerboard-color-2: #313131;accent-color:var(--color-accent);color-scheme:dark}.emoji[aria-label="check mark"],.emoji[aria-label="currency exchange"],.emoji[aria-label="TOP arrow"],.emoji[aria-label="END arrow"],.emoji[aria-label="ON! arrow"],.emoji[aria-label="SOON arrow"],.emoji[aria-label="heavy dollar sign"],.emoji[aria-label=copyright],.emoji[aria-label=registered],.emoji[aria-label="trade mark"],.emoji[aria-label=multiply],.emoji[aria-label=plus],.emoji[aria-label=minus],.emoji[aria-label=divide],.emoji[aria-label="curly loop"],.emoji[aria-label="double curly loop"],.emoji[aria-label="wavy dash"],.emoji[aria-label="paw prints"],.emoji[aria-label="musical note"],.emoji[aria-label="musical notes"]{filter:invert(100%) hue-rotate(180deg)}i.grey.icon.icon.icon.icon{color:var(--steel-350)!important}.ui.secondary.vertical.menu{border-radius:.28571429rem!important;overflow:hidden}.ui.basic.primary.button.item{background-color:var(--color-active)!important;color:var(--color-text)!important;box-shadow:none!important}.ui.red.label.notification_count,.ui.primary.label,.ui.primary.labels .label{background-color:var(--color-primary-light-3)!important}.repository.view.issue .comment-list .code-comment+.code-comment{margin:1.25rem 0!important;padding-top:1.25rem!important;border-top-color:var(--steel-650)!important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{background-color:var(--color-light)!important}#review-box .review-comments-counter{background-color:var(--color-shadow)!important;color:var(--color-white)!important;margin-left:.5em}.ui.basic.labels .primary.label,.ui.ui.ui.basic.primary.label{color:var(--color-text-dark)!important}.ui.basic.yellow.label.pending-label{background:var(--color-light)!important}::selection{background:var(--steel-100)!important;color:var(--color-pure-black)!important}strong.attention-important,svg.attention-important{color:var(--color-violet-light)}strong.attention-note,svg.attention-note{color:var(--color-blue-light)}strong.attention-caution,svg.attention-caution{color:var(--color-red-light)}.ui.basic.red.button{background-color:var(--color-red);color:var(--color-white)}.ui.basic.red.button:hover,.ui.basic.red.button:focus{background-color:var(--color-red-dark-1);color:var(--color-white)}.ui.basic.red.button:active{background-color:var(--color-red-dark-2);color:var(--color-white)} + + /* Openlatdevs MD3 Ink Dark Theme */ + .chroma .bp { + color: #fabd2f; + } + + .chroma .c, + .chroma .c1, + .chroma .ch, + .chroma .cm { + color: #777e94; + } + + .chroma .cp { + color: #8ec07c; + } + + .chroma .cpf { + color: #649bc4; + } + + .chroma .cs { + color: #9075cd; + } + + .chroma .dl { + color: #649bc4; + } + + .chroma .gd { + color: #fff; + background-color: #5f3737; + } + + .chroma .ge { + color: #ddee30; + } + + .chroma .gh { + color: #ffaa10; + } + + .chroma .gi { + color: #fff; + background-color: #3a523a; + } + + .chroma .go { + color: #777e94; + } + + .chroma .gp { + color: #ebdbb2; + } + + .chroma .gr { + color: #f43; + } + + .chroma .gs { + color: #ebdbb2; + } + + .chroma .gt { + color: #ff7540; + } + + .chroma .gu { + color: #b8bb26; + } + + .chroma .il { + color: #649bc4; + } + + .chroma .k { + color: #ff7540; + } + + .chroma .kc { + color: #649bc4; + } + + .chroma .kd { + color: #ff7540; + } + + .chroma .kn { + color: #ffaa10; + } + + .chroma .kp { + color: #5f8700; + } + + .chroma .kr { + color: #ff7540; + } + + .chroma .kt { + color: #ff7b72; + } + + .chroma .m, + .chroma .mb, + .chroma .mf, + .chroma .mh, + .chroma .mi, + .chroma .mo { + color: #649bc4; + } + + .chroma .n { + color: #c9d1d9; + } + + .chroma .na, + .chroma .nb { + color: #fabd2f; + } + + .chroma .nc { + color: #ffaa10; + } + + .chroma .nd { + color: #8ec07c; + } + + .chroma .ne { + color: #ff7540; + } + + .chroma .nf, + .chroma .ni { + color: #fabd2f; + } + + .chroma .nl { + color: #ff7540; + } + + .chroma .nn { + color: #c9d1d9; + } + + .chroma .no { + color: #649bc4; + } + + .chroma .nt { + color: #ff7540; + } + + .chroma .nv { + color: #ebdbb2; + } + + .chroma .nx { + color: #b6bac5; + } + + .chroma .o { + color: #ff7540; + } + + .chroma .ow { + color: #5f8700; + } + + .chroma .p { + color: #d2d4db; + } + + .chroma .s, + .chroma .s1, + .chroma .s2 { + color: #b8bb26; + } + + .chroma .sa { + color: #ffaa10; + } + + .chroma .sb { + color: #b8bb26; + } + + .chroma .sc { + color: #ffaa10; + } + + .chroma .sd { + color: #b8bb26; + } + + .chroma .se { + color: #ff8540; + } + + .chroma .sh { + color: #b8bb26; + } + + .chroma .si { + color: #ffaa10; + } + + .chroma .sr { + color: #9075cd; + } + + .chroma .ss { + color: #ff8540; + } + + .chroma .sx { + color: #ffaa10; + } + + .chroma .vc, + .chroma .vg, + .chroma .vi { + color: #649bee; + } + + .chroma .w { + color: #7f8699; + } + + .CodeMirror.cm-s-default .cm-property, + .CodeMirror.cm-s-paper .cm-property { + color: #a0cc75; + } + + .CodeMirror.cm-s-default .cm-header, + .CodeMirror.cm-s-paper .cm-header { + color: #9daccc; + } + + .CodeMirror.cm-s-default .cm-quote, + .CodeMirror.cm-s-paper .cm-quote { + color: #090; + } + + .CodeMirror.cm-s-default .cm-keyword, + .CodeMirror.cm-s-paper .cm-keyword { + color: #cc8a61; + } + + .CodeMirror.cm-s-default .cm-atom, + .CodeMirror.cm-s-paper .cm-atom { + color: #ef5e77; + } + + .CodeMirror.cm-s-default .cm-number, + .CodeMirror.cm-s-paper .cm-number { + color: #ff5656; + } + + .CodeMirror.cm-s-default .cm-def, + .CodeMirror.cm-s-paper .cm-def { + color: #e4e4e4; + } + + .CodeMirror.cm-s-default .cm-variable-2, + .CodeMirror.cm-s-paper .cm-variable-2 { + color: #00bdbf; + } + + .CodeMirror.cm-s-default .cm-variable-3, + .CodeMirror.cm-s-paper .cm-variable-3 { + color: #085; + } + + .CodeMirror.cm-s-default .cm-comment, + .CodeMirror.cm-s-paper .cm-comment { + color: #8e9ab3; + } + + .CodeMirror.cm-s-default .cm-string, + .CodeMirror.cm-s-paper .cm-string { + color: #a77272; + } + + .CodeMirror.cm-s-default .cm-string-2, + .CodeMirror.cm-s-paper .cm-string-2 { + color: #f50; + } + + .CodeMirror.cm-s-default .cm-meta, + .CodeMirror.cm-s-paper .cm-meta, + .CodeMirror.cm-s-default .cm-qualifier, + .CodeMirror.cm-s-paper .cm-qualifier { + color: #ffb176; + } + + .CodeMirror.cm-s-default .cm-builtin, + .CodeMirror.cm-s-paper .cm-builtin { + color: #b7c951; + } + + .CodeMirror.cm-s-default .cm-bracket, + .CodeMirror.cm-s-paper .cm-bracket { + color: #997; + } + + .CodeMirror.cm-s-default .cm-tag, + .CodeMirror.cm-s-paper .cm-tag { + color: #f1d273; + } + + .CodeMirror.cm-s-default .cm-attribute, + .CodeMirror.cm-s-paper .cm-attribute { + color: #bfcc70; + } + + .CodeMirror.cm-s-default .cm-hr, + .CodeMirror.cm-s-paper .cm-hr { + color: #999; + } + + .CodeMirror.cm-s-default .cm-url, + .CodeMirror.cm-s-paper .cm-url { + color: #c5cfd0; + } + + .CodeMirror.cm-s-default .cm-link, + .CodeMirror.cm-s-paper .cm-link { + color: #d8c792; + } + + .CodeMirror.cm-s-default .cm-error, + .CodeMirror.cm-s-paper .cm-error { + color: #dbdbeb; + } + + .markup [src$="#gh-light-mode-only"], + .markup [src$="#light-mode-only"], + .markup [href$="#gh-light-mode-only"], + .markup [href$="#light-mode-only"] { + display: none; + } + + .markup [src$="#gh-dark-mode-only"], + .markup [src$="#dark-mode-only"], + .markup [href$="#gh-dark-mode-only"], + .markup [href$="#dark-mode-only"] { + display: unset; + } + + :root { + --steel-900: #10161d; + --steel-850: #131a21; + --steel-800: #171e26; + --steel-750: #1d262f; + --steel-700: #242d38; + --steel-650: #2b3642; + --steel-600: #374351; + --steel-550: #445161; + --steel-500: #515f70; + --steel-450: #5f6e80; + --steel-400: #6d7d8f; + --steel-350: #7c8c9f; + --steel-300: #8c9caf; + --steel-250: #9dadc0; + --steel-200: #aebed0; + --steel-150: #c0cfe0; + --steel-100: #d2e0f0; + --is-dark-theme: true; + --color-primary: #4a69ae; + --color-primary-contrast: #ffffff; + --color-primary-dark-1: #3b548c; + --color-primary-dark-2: #2d406a; + --color-primary-dark-3: #fed7aa; + --color-primary-dark-4: #fed7aa; + --color-primary-dark-5: #ffedd5; + --color-primary-dark-6: #ffedd5; + --color-primary-dark-7: #fff7ed; + --color-primary-light-1: #6b87c8; + --color-primary-light-2: #8ca3d6; + --color-primary-light-3: #c2410c; + --color-primary-light-4: #9a3412; + --color-primary-light-5: #9a3412; + --color-primary-light-6: #7c2d12; + --color-primary-light-7: #7c2d12; + --color-primary-alpha-10: #ea580c19; + --color-primary-alpha-20: #ea580c33; + --color-primary-alpha-30: #ea580c4b; + --color-primary-alpha-40: #ea580c66; + --color-primary-alpha-50: #ea580c80; + --color-primary-alpha-60: #ea580c99; + --color-primary-alpha-70: #ea580cb3; + --color-primary-alpha-80: #ea580ccc; + --color-primary-alpha-90: #ea580ce1; + --color-primary-hover: #6b87c8; + --color-primary-active: #3b548c; + --color-secondary: #1e2530; + --color-secondary-dark-1: var(--steel-550); + --color-secondary-dark-2: var(--steel-500); + --color-secondary-dark-3: var(--steel-450); + --color-secondary-dark-4: var(--steel-400); + --color-secondary-dark-5: var(--steel-350); + --color-secondary-dark-6: var(--steel-300); + --color-secondary-dark-7: var(--steel-250); + --color-secondary-dark-8: var(--steel-200); + --color-secondary-dark-9: var(--steel-150); + --color-secondary-dark-10: var(--steel-100); + --color-secondary-dark-11: var(--steel-100); + --color-secondary-dark-12: var(--steel-100); + --color-secondary-dark-13: var(--steel-100); + --color-secondary-light-1: var(--steel-650); + --color-secondary-light-2: var(--steel-700); + --color-secondary-light-3: var(--steel-750); + --color-secondary-light-4: var(--steel-800); + --color-secondary-alpha-10: #2b364219; + --color-secondary-alpha-20: #2b364233; + --color-secondary-alpha-30: #2b36424b; + --color-secondary-alpha-40: #2b364266; + --color-secondary-alpha-50: #2b364280; + --color-secondary-alpha-60: #2b364299; + --color-secondary-alpha-70: #2b3642b3; + --color-secondary-alpha-80: #2b3642cc; + --color-secondary-alpha-90: #2b3642e1; + --color-secondary-hover: var(--color-secondary-light-1); + --color-secondary-active: var(--color-secondary-light-2); + --color-console-fg: #eeeff2; + --color-console-fg-subtle: #959cab; + --color-console-bg: #1f212b; + --color-console-border: #383c47; + --color-console-hover-bg: #ffffff16; + --color-console-active-bg: #454a57; + --color-console-menu-bg: #383c47; + --color-console-menu-border: #5c6374; + --color-red: #b91c1c; + --color-orange: #ea580c; + --color-yellow: #ca8a04; + --color-olive: #91a313; + --color-green: #15803d; + --color-teal: #0d9488; + --color-blue: #2563eb; + --color-violet: #7c3aed; + --color-purple: #9333ea; + --color-pink: #db2777; + --color-brown: #a47252; + --color-grey: var(--steel-500); + --color-black: #111827; + --color-red-light: #dc2626; + --color-orange-light: #f97316; + --color-yellow-light: #eab308; + --color-olive-light: #839311; + --color-green-light: #16a34a; + --color-teal-light: #14b8a6; + --color-blue-light: #3b82f6; + --color-violet-light: #8b5cf6; + --color-purple-light: #a855f7; + --color-pink-light: #ec4899; + --color-brown-light: #94674a; + --color-grey-light: var(--steel-300); + --color-black-light: #1f2937; + --color-red-dark-1: #a71919; + --color-orange-dark-1: #d34f0b; + --color-yellow-dark-1: #b67c04; + --color-olive-dark-1: #839311; + --color-green-dark-1: #137337; + --color-teal-dark-1: #0c857a; + --color-blue-dark-1: #1554e0; + --color-violet-dark-1: #6a1feb; + --color-purple-dark-1: #8519e7; + --color-pink-dark-1: #c7216b; + --color-brown-dark-1: #94674a; + --color-black-dark-1: #0f1623; + --color-red-dark-2: #941616; + --color-orange-dark-2: #bb460a; + --color-yellow-dark-2: #ca8a04; + --color-olive-dark-2: #91a313; + --color-green-dark-2: #15803d; + --color-teal-dark-2: #0a766d; + --color-blue-dark-2: #2563eb; + --color-violet-dark-2: #5c14d8; + --color-purple-dark-2: #7c3aed; + --color-pink-dark-2: #b11d5f; + --color-brown-dark-2: #a47252; + --color-black-dark-2: #111827; + --color-ansi-black: #1d2328; + --color-ansi-red: #cc4848; + --color-ansi-green: #87ab63; + --color-ansi-yellow: #cc9903; + --color-ansi-blue: #3a8ac6; + --color-ansi-magenta: #d22e8b; + --color-ansi-cyan: #00918a; + --color-ansi-white: var(--color-console-fg-subtle); + --color-ansi-bright-black: #424851; + --color-ansi-bright-red: #d15a5a; + --color-ansi-bright-green: #93b373; + --color-ansi-bright-yellow: #eaaf03; + --color-ansi-bright-blue: #4e96cc; + --color-ansi-bright-magenta: #d74397; + --color-ansi-bright-cyan: #00b6ad; + --color-ansi-bright-white: var(--color-console-fg); + --color-gold: #b1983b; + --color-white: #ffffff; + --color-pure-black: #000000; + --color-diff-removed-word-bg: #783030; + --color-diff-added-word-bg: #255c39; + --color-diff-removed-row-bg: #432121; + --color-diff-moved-row-bg: #825718; + --color-diff-added-row-bg: #1b3625; + --color-diff-removed-row-border: #783030; + --color-diff-moved-row-border: #a67a1d; + --color-diff-added-row-border: #255c39; + --color-diff-inactive: var(--steel-650); + --color-error-border: #783030; + --color-error-bg: #5f2525; + --color-error-bg-active: #783030; + --color-error-bg-hover: #783030; + --color-error-text: #fef2f2; + --color-success-border: #1f6e3c; + --color-success-bg: #1d462c; + --color-success-text: #aef0c2; + --color-warning-border: #a67a1d; + --color-warning-bg: #644821; + --color-warning-text: #fff388; + --color-info-border: #2e50b0; + --color-info-bg: #2a396b; + --color-info-text: var(--steel-100); + --color-red-badge: #b91c1c; + --color-red-badge-bg: #b91c1c22; + --color-red-badge-hover-bg: #b91c1c44; + --color-green-badge: #16a34a; + --color-green-badge-bg: #16a34a22; + --color-green-badge-hover-bg: #16a34a44; + --color-yellow-badge: #ca8a04; + --color-yellow-badge-bg: #ca8a0422; + --color-yellow-badge-hover-bg: #ca8a0444; + --color-orange-badge: #ea580c; + --color-orange-badge-bg: #ea580c22; + --color-orange-badge-hover-bg: #ea580c44; + --color-git: #f05133; + --color-icon-green: #3fb950; + --color-icon-red: #f85149; + --color-icon-purple: #aa76ff; + --color-body: #0e1217; + --color-box-header: #1e2530; + --color-box-body: #161b23; + --color-box-body-highlight: #26303e; + --color-text-dark: #f1f5f9; + --color-text: #f1f5f9; + --color-text-light: #cbd5e1; + --color-text-light-1: #cbd5e1; + --color-text-light-2: #94a3b8; + --color-text-light-3: #64748b; + --color-footer: #0a0d11; + --color-timeline: #2e3646; + --color-input-text: #f1f5f9; + --color-input-background: #161b23; + --color-input-toggle-background: var(--steel-650); + --color-input-border: #2e3646; + --color-input-border-hover: #4a69ae; + --color-header-wrapper: #0a0d11; + --color-header-wrapper-transparent: #242d3800; + --color-light: #00000028; + --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-border: #ffffff28; + --color-hover: var(--steel-600); + --color-active: var(--steel-650); + --color-menu: #1e2530; + --color-card: #1e2530; + --color-markup-table-row: #ffffff06; + --color-markup-code-block: #161b23; + --color-markup-code-inline: var(--steel-850); + --color-button: #1e2530; + --color-code-bg: #161b23; + --color-shadow: #00000060; + --color-secondary-bg: #1e2530; + --color-text-focus: #fff; + --color-expand-button: #3c404d; + --color-placeholder-text: var(--color-text-light-3); + --color-editor-line-highlight: var(--steel-700); + --color-project-board-bg: var(--color-secondary-light-3); + --color-project-board-dark-label: var(--color-text-light-3); + --color-caret: var(--color-text); + --color-reaction-bg: #ffffff12; + --color-reaction-active-bg: var(--color-primary-alpha-30); + --color-reaction-hover-bg: var(--color-primary-alpha-40); + --color-tooltip-text: #ffffff; + --color-tooltip-bg: #000000f0; + --color-nav-bg: #12171e; + --color-nav-hover-bg: #f1f5f9; + --color-nav-text: #0f172a; + --color-secondary-nav-bg: var(--color-body); + --color-label-text: #fff; + --color-label-bg: var(--steel-600); + --color-label-hover-bg: var(--steel-550); + --color-label-active-bg: var(--steel-500); + --color-label-bg-alt: var(--steel-550); + --color-accent: #4a69ae; + --color-small-accent: var(--color-primary-light-5); + --color-highlight-fg: var(--color-primary-light-4); + --color-highlight-bg: var(--color-primary-alpha-20); + --color-overlay-backdrop: #080808c0; + --checkerboard-color-1: #474747; + --checkerboard-color-2: #313131; + accent-color: var(--color-accent); + color-scheme: dark; + } + + .emoji[aria-label="check mark"], + .emoji[aria-label="currency exchange"], + .emoji[aria-label="TOP arrow"], + .emoji[aria-label="END arrow"], + .emoji[aria-label="ON! arrow"], + .emoji[aria-label="SOON arrow"], + .emoji[aria-label="heavy dollar sign"], + .emoji[aria-label=copyright], + .emoji[aria-label=registered], + .emoji[aria-label="trade mark"], + .emoji[aria-label=multiply], + .emoji[aria-label=plus], + .emoji[aria-label=minus], + .emoji[aria-label=divide], + .emoji[aria-label="curly loop"], + .emoji[aria-label="double curly loop"], + .emoji[aria-label="wavy dash"], + .emoji[aria-label="paw prints"], + .emoji[aria-label="musical note"], + .emoji[aria-label="musical notes"] { + filter: invert(100%) hue-rotate(180deg); + } + + i.grey.icon.icon.icon.icon { + color: var(--steel-350)!important; + } + + .ui.secondary.vertical.menu { + border-radius: .28571429rem!important; + overflow: hidden; + } + + .ui.basic.primary.button.item { + background-color: var(--color-active)!important; + color: var(--color-text)!important; + box-shadow: none!important; + } + + .ui.red.label.notification_count, + .ui.primary.label, + .ui.primary.labels .label { + background-color: var(--color-primary-light-3)!important; + } + + .repository.view.issue .comment-list .code-comment+.code-comment { + margin: 1.25rem 0!important; + padding-top: 1.25rem!important; + border-top-color: var(--steel-650)!important; + } + + .ui.labeled.icon.buttons>.button>.icon, + .ui.labeled.icon.button>.icon { + background-color: var(--color-light)!important; + } + + #review-box .review-comments-counter { + background-color: var(--color-shadow)!important; + color: var(--color-white)!important; + margin-left: .5em; + } + + .ui.basic.labels .primary.label, + .ui.ui.ui.basic.primary.label { + color: var(--color-text-dark)!important; + } + + .ui.basic.yellow.label.pending-label { + background: var(--color-light)!important; + } + + ::selection { + background: var(--steel-100)!important; + color: var(--color-pure-black)!important; + } + + strong.attention-important, + svg.attention-important { + color: var(--color-violet-light); + } + + strong.attention-note, + svg.attention-note { + color: var(--color-blue-light); + } + + strong.attention-caution, + svg.attention-caution { + color: var(--color-red-light); + } + + .ui.basic.red.button { + background-color: var(--color-red); + color: var(--color-white); + } + + .ui.basic.red.button:hover, + .ui.basic.red.button:focus { + background-color: var(--color-red-dark-1); + color: var(--color-white); + } + + .ui.basic.red.button:active { + background-color: var(--color-red-dark-2); + color: var(--color-white); + } } @@ -155,6 +1488,7 @@ html[data-theme="openlatdev-brand-light"] .ui.navbar .hamburger { border: 1px solid #e2e8f0 !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important; } + } /* Mobile Navbar & Hamburger Menu Legibility Fix - Dark Theme */ @@ -175,15 +1509,18 @@ html[data-theme="openlatdev-brand-dark"] .ui.navbar .hamburger { background-color: #ffffff !important; border-bottom: 1px solid #e2e8f0 !important; } + :root:not([data-theme="openlatdev-brand-dark"]) .ui.navbar .item, :root:not([data-theme="openlatdev-brand-dark"]) .ui.navbar a { color: #0f172a !important; } + :root:not([data-theme="openlatdev-brand-dark"]) .ui.navbar svg, :root:not([data-theme="openlatdev-brand-dark"]) .ui.navbar .hamburger { fill: #0f172a !important; color: #0f172a !important; } + } @media (prefers-color-scheme: dark) { @@ -192,6 +1529,7 @@ html[data-theme="openlatdev-brand-dark"] .ui.navbar .hamburger { fill: #ffffff !important; color: #ffffff !important; } + } /* Mobile Sidebar Panel & Sidebar Toggle Icon Contrast Fix */ @@ -258,16 +1596,19 @@ body[data-theme="openlatdev-brand-dark"] button.sidebar-toggle svg { background-color: #ffffff !important; color: #0f172a !important; } + :root:not([data-theme="openlatdev-brand-dark"]) .ui.sidebar .item, :root:not([data-theme="openlatdev-brand-dark"]) .ui.sidebar a { color: #0f172a !important; } + :root:not([data-theme="openlatdev-brand-dark"]) .ui.sidebar svg, :root:not([data-theme="openlatdev-brand-dark"]) svg.octicon-sidebar, :root:not([data-theme="openlatdev-brand-dark"]) .sidebar-toggle svg { fill: #0f172a !important; color: #0f172a !important; } + } @media (prefers-color-scheme: dark) { @@ -275,94 +1616,209 @@ body[data-theme="openlatdev-brand-dark"] button.sidebar-toggle svg { background-color: #12171e !important; color: #f1f5f9 !important; } + :root:not([data-theme="openlatdev-brand-light"]) .ui.sidebar svg, :root:not([data-theme="openlatdev-brand-light"]) svg.octicon-sidebar, :root:not([data-theme="openlatdev-brand-light"]) .sidebar-toggle svg { fill: #ffffff !important; color: #ffffff !important; } + } -/* Nuclear Mobile Navbar & Sidebar Toggle White Icon Fix */ -@media only screen and (max-width: 1200px) { +/* Mobile Navbar & Sidebar Icon Colors - Auto Theme */ +@media (prefers-color-scheme: light) and (max-width: 1200px) { .ui.navbar svg, .ui.navbar svg *, .ui.navbar .svg, .ui.navbar .hamburger, - .ui.navbar .hamburger *, .ui.navbar .toggle, - .ui.navbar .toggle *, .ui.navbar .toc, - .ui.navbar .toc *, .ui.navbar button, - .ui.navbar button *, - .ui.menu .toc.item, - .ui.menu .toc.item *, .mobile-only svg, - .mobile-only svg *, #navbar svg, - #navbar svg *, - .ui.sidebar svg, - .ui.sidebar svg * { - fill: #ffffff !important; - color: #ffffff !important; + .ui.sidebar svg { + fill: #0f172a !important; + color: #0f172a !important; } + } -@media only screen and (max-width: 768px) { - .ui.navbar, - #navbar { - background-color: #12171e !important; - } +@media (prefers-color-scheme: dark) and (max-width: 1200px) { .ui.navbar svg, .ui.navbar svg *, .ui.navbar .svg, .ui.navbar .hamburger, - .ui.navbar .hamburger *, .ui.navbar .toggle, - .ui.navbar .toggle *, .ui.navbar .toc, - .ui.navbar .toc *, .ui.navbar button, - .ui.navbar button *, - .ui.menu .toc.item, - .ui.menu .toc.item *, .mobile-only svg, - .mobile-only svg *, #navbar svg, - #navbar svg *, - .ui.sidebar svg, - .ui.sidebar svg * { + .ui.sidebar svg { fill: #ffffff !important; color: #ffffff !important; } + +} + +/* Explicit Auto Theme Navbar Link Text Color Fix */ +@media (prefers-color-scheme: dark) { + :root:not([data-theme*="light"]) #navbar .item, + :root:not([data-theme*="light"]) #navbar a, + :root:not([data-theme*="light"]) .ui.navbar .item, + :root:not([data-theme*="light"]) .ui.navbar a { + color: #f1f5f9 !important; + } + :root:not([data-theme*="light"]) #navbar .item:hover, + :root:not([data-theme*="light"]) #navbar a:hover { + background-color: #1e2530 !important; + color: #6b87c8 !important; + } } -@media only screen and (max-width: 480px) { - .ui.navbar, - #navbar { - background-color: #12171e !important; +@media (prefers-color-scheme: light) { + :root:not([data-theme*="dark"]) #navbar .item, + :root:not([data-theme*="dark"]) #navbar a, + :root:not([data-theme*="dark"]) .ui.navbar .item, + :root:not([data-theme*="dark"]) .ui.navbar a { + color: #0f172a !important; } - .ui.navbar svg, - .ui.navbar svg *, - .ui.navbar .svg, - .ui.navbar .hamburger, - .ui.navbar .hamburger *, - .ui.navbar .toggle, - .ui.navbar .toggle *, - .ui.navbar .toc, - .ui.navbar .toc *, - .ui.navbar button, - .ui.navbar button *, - .ui.menu .toc.item, - .ui.menu .toc.item *, - .mobile-only svg, - .mobile-only svg *, - #navbar svg, - #navbar svg *, - .ui.sidebar svg, - .ui.sidebar svg * { - fill: #ffffff !important; - color: #ffffff !important; + :root:not([data-theme*="dark"]) #navbar .item:hover, + :root:not([data-theme*="dark"]) #navbar a:hover { + background-color: #f1f5f9 !important; + color: #4a69ae !important; } } + +/* Explicit Dark Theme Navbar Link Text Color Fix */ +html[data-theme*="dark"] #navbar .item, +html[data-theme*="dark"] #navbar a, +html[data-theme*="dark"] .ui.navbar .item, +html[data-theme*="dark"] .ui.navbar a, +body[data-theme*="dark"] .ui.navbar .item, +body[data-theme*="dark"] .ui.navbar a, +.theme-openlatdev-brand-dark #navbar .item, +.theme-openlatdev-brand-dark #navbar a { + color: #f1f5f9 !important; +} + +html[data-theme*="dark"] #navbar .item:hover, +html[data-theme*="dark"] #navbar a:hover, +html[data-theme*="dark"] .ui.navbar .item:hover, +html[data-theme*="dark"] .ui.navbar a:hover { + background-color: #1e2530 !important; + color: #6b87c8 !important; +} + +/* ========================================================================== + JetBrains Mono Code Editor & Monospace Typography Enhancement + ========================================================================== */ +.CodeMirror, +.CodeMirror-lines, +.CodeMirror pre.CodeMirror-line, +.CodeMirror pre.CodeMirror-line-like, +.cm-editor, +.cm-content, +.cm-line, +textarea.editor, +#edit-area, +.editor-loading-placeholder, +.file-view table.code-view, +.code-view, +.lines-code, +.lines-num, +.diff-file-box .code-view, +.tag-code-view, +.monospaced, +pre, +code, +.markup pre, +.markup code, +.chroma { + font-family: 'JetBrains Mono', 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', 'Fira Code', 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !important; + font-size: 14.5px !important; + line-height: 1.6 !important; +} + +.CodeMirror, +.cm-editor { + font-size: 14.5px !important; +} + +.lines-num, +.CodeMirror-linenumber, +.cm-gutterElement { + font-family: 'JetBrains Mono', 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', monospace !important; + font-size: 13px !important; + line-height: 1.6 !important; +} + +/* Enable Font Ligatures across Code Mirror & Code View Components */ +.CodeMirror, +.CodeMirror-lines, +.CodeMirror pre.CodeMirror-line, +.CodeMirror pre.CodeMirror-line-like, +.cm-editor, +.cm-content, +.cm-line, +textarea.editor, +#edit-area, +.editor-loading-placeholder, +.file-view table.code-view, +.code-view, +.lines-code, +.diff-file-box .code-view, +.tag-code-view, +.monospaced, +pre, +code, +.markup pre, +.markup code, +.chroma { + font-variant-ligatures: normal !important; + font-feature-settings: "calt" 1, "liga" 1, "dlig" 1 !important; + text-rendering: optimizeLegibility !important; +} + +/* Universal JetBrainsMono Nerd Font & Ligatures for Code View & Chroma Syntax Highlighting */ +.file-view .code-view, +.file-view .code-view *, +.code-view, +.code-view *, +.lines-code, +.lines-code *, +.code-inner, +.code-inner *, +.chroma, +.chroma *, +.CodeMirror, +.CodeMirror *, +.cm-editor, +.cm-editor *, +textarea.editor, +#edit-area, +.editor-loading-placeholder, +.diff-file-box .code-view, +.diff-file-box .code-view *, +.tag-code-view, +.monospaced, +pre, +pre *, +code, +code * { + font-family: 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', 'JetBrainsMono NF', 'JetBrains Mono', 'Fira Code', 'Roboto Mono', ui-monospace, monospace !important; + font-variant-ligatures: normal !important; + font-feature-settings: "calt" 1, "liga" 1, "dlig" 1, "clig" 1 !important; + text-rendering: optimizeLegibility !important; + letter-spacing: normal !important; +} + +.code-inner, +.code-inner span, +.lines-code span, +.chroma span { + font-size: 14.5px !important; + line-height: 1.6 !important; + font-variant-ligatures: normal !important; + font-feature-settings: "calt" 1, "liga" 1, "dlig" 1, "clig" 1 !important; +} \ No newline at end of file diff --git a/themes/theme-openlatdev-brand-dark.css b/themes/theme-openlatdev-brand-dark.css index c2aacb0..d9cf0f4 100644 --- a/themes/theme-openlatdev-brand-dark.css +++ b/themes/theme-openlatdev-brand-dark.css @@ -1,5 +1,808 @@ +/* ========================================================================== + OFFICIAL JETBRAINS MONO NERD FONT (v3.5.0 Patched WebFont Declarations) + ========================================================================== */ +@font-face { + font-family: 'JetBrainsMono Nerd Font'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url('/assets/fonts/jetbrains-mono-nerd/JetBrainsMonoNerdFont-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'JetBrainsMono Nerd Font'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url('/assets/fonts/jetbrains-mono-nerd/JetBrainsMonoNerdFont-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'JetBrainsMono Nerd Font'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url('/assets/fonts/jetbrains-mono-nerd/JetBrainsMonoNerdFont-Medium.ttf') format('truetype'); +} + +@font-face { + font-family: 'JetBrainsMono Nerd Font'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url('/assets/fonts/jetbrains-mono-nerd/JetBrainsMonoNerdFont-Bold.ttf') format('truetype'); +} + +/* ========================================================================== + JetBrainsMono Nerd Font Code Editor & Monospace Typography + ========================================================================== */ +.CodeMirror, +.CodeMirror-lines, +.CodeMirror pre.CodeMirror-line, +.CodeMirror pre.CodeMirror-line-like, +.cm-editor, +.cm-content, +.cm-line, +textarea.editor, +#edit-area, +.editor-loading-placeholder, +.file-view table.code-view, +.code-view, +.lines-code, +.lines-num, +.diff-file-box .code-view, +.tag-code-view, +.monospaced, +pre, +code, +.markup pre, +.markup code, +.chroma { + font-family: 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', 'JetBrainsMono NF', 'JetBrains Mono', 'Fira Code', 'Roboto Mono', ui-monospace, monospace !important; + font-size: 14.5px !important; + line-height: 1.6 !important; +} + +.CodeMirror, +.cm-editor { + font-size: 14.5px !important; +} + +.lines-num, +.CodeMirror-linenumber, +.cm-gutterElement { + font-family: 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', monospace !important; + font-size: 13px !important; + line-height: 1.6 !important; +} + +@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400..700;1,400..700&display=swap'); +/* ========================================================================== + openlat.dev — Official Brand Theme: Dark (Ink Obsidian) + Repository: https://openlat.dev/Openlatdevs/git-branding + License: MIT (2026 openlat.dev Community) + + Structure Index: + 1. Syntax Highlighting & Code Formatting (Chroma / CodeMirror) + 2. Design Tokens & Color System Custom Variables (:root) + 3. Base Layout & Element Resets + 4. Component Styles (Buttons, Hero Mascot, Badges) + 5. Navigation Bar & Sidebar Styling + 6. Responsive & Mobile Viewport Rules (@media) + ========================================================================== */ + + /* Openlatdevs MD3 Ink Dark Theme */ -.chroma .bp{color:#fabd2f}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm{color:#777e94}.chroma .cp{color:#8ec07c}.chroma .cpf{color:#649bc4}.chroma .cs{color:#9075cd}.chroma .dl{color:#649bc4}.chroma .gd{color:#fff;background-color:#5f3737}.chroma .ge{color:#ddee30}.chroma .gh{color:#ffaa10}.chroma .gi{color:#fff;background-color:#3a523a}.chroma .go{color:#777e94}.chroma .gp{color:#ebdbb2}.chroma .gr{color:#f43}.chroma .gs{color:#ebdbb2}.chroma .gt{color:#ff7540}.chroma .gu{color:#b8bb26}.chroma .il{color:#649bc4}.chroma .k{color:#ff7540}.chroma .kc{color:#649bc4}.chroma .kd{color:#ff7540}.chroma .kn{color:#ffaa10}.chroma .kp{color:#5f8700}.chroma .kr{color:#ff7540}.chroma .kt{color:#ff7b72}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#649bc4}.chroma .n{color:#c9d1d9}.chroma .na,.chroma .nb{color:#fabd2f}.chroma .nc{color:#ffaa10}.chroma .nd{color:#8ec07c}.chroma .ne{color:#ff7540}.chroma .nf,.chroma .ni{color:#fabd2f}.chroma .nl{color:#ff7540}.chroma .nn{color:#c9d1d9}.chroma .no{color:#649bc4}.chroma .nt{color:#ff7540}.chroma .nv{color:#ebdbb2}.chroma .nx{color:#b6bac5}.chroma .o{color:#ff7540}.chroma .ow{color:#5f8700}.chroma .p{color:#d2d4db}.chroma .s,.chroma .s1,.chroma .s2{color:#b8bb26}.chroma .sa{color:#ffaa10}.chroma .sb{color:#b8bb26}.chroma .sc{color:#ffaa10}.chroma .sd{color:#b8bb26}.chroma .se{color:#ff8540}.chroma .sh{color:#b8bb26}.chroma .si{color:#ffaa10}.chroma .sr{color:#9075cd}.chroma .ss{color:#ff8540}.chroma .sx{color:#ffaa10}.chroma .vc,.chroma .vg,.chroma .vi{color:#649bee}.chroma .w{color:#7f8699}.CodeMirror.cm-s-default .cm-property,.CodeMirror.cm-s-paper .cm-property{color:#a0cc75}.CodeMirror.cm-s-default .cm-header,.CodeMirror.cm-s-paper .cm-header{color:#9daccc}.CodeMirror.cm-s-default .cm-quote,.CodeMirror.cm-s-paper .cm-quote{color:#090}.CodeMirror.cm-s-default .cm-keyword,.CodeMirror.cm-s-paper .cm-keyword{color:#cc8a61}.CodeMirror.cm-s-default .cm-atom,.CodeMirror.cm-s-paper .cm-atom{color:#ef5e77}.CodeMirror.cm-s-default .cm-number,.CodeMirror.cm-s-paper .cm-number{color:#ff5656}.CodeMirror.cm-s-default .cm-def,.CodeMirror.cm-s-paper .cm-def{color:#e4e4e4}.CodeMirror.cm-s-default .cm-variable-2,.CodeMirror.cm-s-paper .cm-variable-2{color:#00bdbf}.CodeMirror.cm-s-default .cm-variable-3,.CodeMirror.cm-s-paper .cm-variable-3{color:#085}.CodeMirror.cm-s-default .cm-comment,.CodeMirror.cm-s-paper .cm-comment{color:#8e9ab3}.CodeMirror.cm-s-default .cm-string,.CodeMirror.cm-s-paper .cm-string{color:#a77272}.CodeMirror.cm-s-default .cm-string-2,.CodeMirror.cm-s-paper .cm-string-2{color:#f50}.CodeMirror.cm-s-default .cm-meta,.CodeMirror.cm-s-paper .cm-meta,.CodeMirror.cm-s-default .cm-qualifier,.CodeMirror.cm-s-paper .cm-qualifier{color:#ffb176}.CodeMirror.cm-s-default .cm-builtin,.CodeMirror.cm-s-paper .cm-builtin{color:#b7c951}.CodeMirror.cm-s-default .cm-bracket,.CodeMirror.cm-s-paper .cm-bracket{color:#997}.CodeMirror.cm-s-default .cm-tag,.CodeMirror.cm-s-paper .cm-tag{color:#f1d273}.CodeMirror.cm-s-default .cm-attribute,.CodeMirror.cm-s-paper .cm-attribute{color:#bfcc70}.CodeMirror.cm-s-default .cm-hr,.CodeMirror.cm-s-paper .cm-hr{color:#999}.CodeMirror.cm-s-default .cm-url,.CodeMirror.cm-s-paper .cm-url{color:#c5cfd0}.CodeMirror.cm-s-default .cm-link,.CodeMirror.cm-s-paper .cm-link{color:#d8c792}.CodeMirror.cm-s-default .cm-error,.CodeMirror.cm-s-paper .cm-error{color:#dbdbeb}.markup [src$="#gh-light-mode-only"],.markup [src$="#light-mode-only"],.markup [href$="#gh-light-mode-only"],.markup [href$="#light-mode-only"]{display:none}.markup [src$="#gh-dark-mode-only"],.markup [src$="#dark-mode-only"],.markup [href$="#gh-dark-mode-only"],.markup [href$="#dark-mode-only"]{display:unset}:root{--steel-900: #10161d;--steel-850: #131a21;--steel-800: #171e26;--steel-750: #1d262f;--steel-700: #242d38;--steel-650: #2b3642;--steel-600: #374351;--steel-550: #445161;--steel-500: #515f70;--steel-450: #5f6e80;--steel-400: #6d7d8f;--steel-350: #7c8c9f;--steel-300: #8c9caf;--steel-250: #9dadc0;--steel-200: #aebed0;--steel-150: #c0cfe0;--steel-100: #d2e0f0;--is-dark-theme: true;--color-primary: #4a69ae;--color-primary-contrast: #ffffff;--color-primary-dark-1: #3b548c;--color-primary-dark-2: #2d406a;--color-primary-dark-3: #fed7aa;--color-primary-dark-4: #fed7aa;--color-primary-dark-5: #ffedd5;--color-primary-dark-6: #ffedd5;--color-primary-dark-7: #fff7ed;--color-primary-light-1: #6b87c8;--color-primary-light-2: #8ca3d6;--color-primary-light-3: #c2410c;--color-primary-light-4: #9a3412;--color-primary-light-5: #9a3412;--color-primary-light-6: #7c2d12;--color-primary-light-7: #7c2d12;--color-primary-alpha-10: #ea580c19;--color-primary-alpha-20: #ea580c33;--color-primary-alpha-30: #ea580c4b;--color-primary-alpha-40: #ea580c66;--color-primary-alpha-50: #ea580c80;--color-primary-alpha-60: #ea580c99;--color-primary-alpha-70: #ea580cb3;--color-primary-alpha-80: #ea580ccc;--color-primary-alpha-90: #ea580ce1;--color-primary-hover: #6b87c8;--color-primary-active: #3b548c;--color-secondary: #1e2530;--color-secondary-dark-1: var(--steel-550);--color-secondary-dark-2: var(--steel-500);--color-secondary-dark-3: var(--steel-450);--color-secondary-dark-4: var(--steel-400);--color-secondary-dark-5: var(--steel-350);--color-secondary-dark-6: var(--steel-300);--color-secondary-dark-7: var(--steel-250);--color-secondary-dark-8: var(--steel-200);--color-secondary-dark-9: var(--steel-150);--color-secondary-dark-10: var(--steel-100);--color-secondary-dark-11: var(--steel-100);--color-secondary-dark-12: var(--steel-100);--color-secondary-dark-13: var(--steel-100);--color-secondary-light-1: var(--steel-650);--color-secondary-light-2: var(--steel-700);--color-secondary-light-3: var(--steel-750);--color-secondary-light-4: var(--steel-800);--color-secondary-alpha-10: #2b364219;--color-secondary-alpha-20: #2b364233;--color-secondary-alpha-30: #2b36424b;--color-secondary-alpha-40: #2b364266;--color-secondary-alpha-50: #2b364280;--color-secondary-alpha-60: #2b364299;--color-secondary-alpha-70: #2b3642b3;--color-secondary-alpha-80: #2b3642cc;--color-secondary-alpha-90: #2b3642e1;--color-secondary-hover: var(--color-secondary-light-1);--color-secondary-active: var(--color-secondary-light-2);--color-console-fg: #eeeff2;--color-console-fg-subtle: #959cab;--color-console-bg: #1f212b;--color-console-border: #383c47;--color-console-hover-bg: #ffffff16;--color-console-active-bg: #454a57;--color-console-menu-bg: #383c47;--color-console-menu-border: #5c6374;--color-red: #b91c1c;--color-orange: #ea580c;--color-yellow: #ca8a04;--color-olive: #91a313;--color-green: #15803d;--color-teal: #0d9488;--color-blue: #2563eb;--color-violet: #7c3aed;--color-purple: #9333ea;--color-pink: #db2777;--color-brown: #a47252;--color-grey: var(--steel-500);--color-black: #111827;--color-red-light: #dc2626;--color-orange-light: #f97316;--color-yellow-light: #eab308;--color-olive-light: #839311;--color-green-light: #16a34a;--color-teal-light: #14b8a6;--color-blue-light: #3b82f6;--color-violet-light: #8b5cf6;--color-purple-light: #a855f7;--color-pink-light: #ec4899;--color-brown-light: #94674a;--color-grey-light: var(--steel-300);--color-black-light: #1f2937;--color-red-dark-1: #a71919;--color-orange-dark-1: #d34f0b;--color-yellow-dark-1: #b67c04;--color-olive-dark-1: #839311;--color-green-dark-1: #137337;--color-teal-dark-1: #0c857a;--color-blue-dark-1: #1554e0;--color-violet-dark-1: #6a1feb;--color-purple-dark-1: #8519e7;--color-pink-dark-1: #c7216b;--color-brown-dark-1: #94674a;--color-black-dark-1: #0f1623;--color-red-dark-2: #941616;--color-orange-dark-2: #bb460a;--color-yellow-dark-2: #ca8a04;--color-olive-dark-2: #91a313;--color-green-dark-2: #15803d;--color-teal-dark-2: #0a766d;--color-blue-dark-2: #2563eb;--color-violet-dark-2: #5c14d8;--color-purple-dark-2: #7c3aed;--color-pink-dark-2: #b11d5f;--color-brown-dark-2: #a47252;--color-black-dark-2: #111827;--color-ansi-black: #1d2328;--color-ansi-red: #cc4848;--color-ansi-green: #87ab63;--color-ansi-yellow: #cc9903;--color-ansi-blue: #3a8ac6;--color-ansi-magenta: #d22e8b;--color-ansi-cyan: #00918a;--color-ansi-white: var(--color-console-fg-subtle);--color-ansi-bright-black: #424851;--color-ansi-bright-red: #d15a5a;--color-ansi-bright-green: #93b373;--color-ansi-bright-yellow: #eaaf03;--color-ansi-bright-blue: #4e96cc;--color-ansi-bright-magenta: #d74397;--color-ansi-bright-cyan: #00b6ad;--color-ansi-bright-white: var(--color-console-fg);--color-gold: #b1983b;--color-white: #ffffff;--color-pure-black: #000000;--color-diff-removed-word-bg: #783030;--color-diff-added-word-bg: #255c39;--color-diff-removed-row-bg: #432121;--color-diff-moved-row-bg: #825718;--color-diff-added-row-bg: #1b3625;--color-diff-removed-row-border: #783030;--color-diff-moved-row-border: #a67a1d;--color-diff-added-row-border: #255c39;--color-diff-inactive: var(--steel-650);--color-error-border: #783030;--color-error-bg: #5f2525;--color-error-bg-active: #783030;--color-error-bg-hover: #783030;--color-error-text: #fef2f2;--color-success-border: #1f6e3c;--color-success-bg: #1d462c;--color-success-text: #aef0c2;--color-warning-border: #a67a1d;--color-warning-bg: #644821;--color-warning-text: #fff388;--color-info-border: #2e50b0;--color-info-bg: #2a396b;--color-info-text: var(--steel-100);--color-red-badge: #b91c1c;--color-red-badge-bg: #b91c1c22;--color-red-badge-hover-bg: #b91c1c44;--color-green-badge: #16a34a;--color-green-badge-bg: #16a34a22;--color-green-badge-hover-bg: #16a34a44;--color-yellow-badge: #ca8a04;--color-yellow-badge-bg: #ca8a0422;--color-yellow-badge-hover-bg: #ca8a0444;--color-orange-badge: #ea580c;--color-orange-badge-bg: #ea580c22;--color-orange-badge-hover-bg: #ea580c44;--color-git: #f05133;--color-icon-green: #3fb950;--color-icon-red: #f85149;--color-icon-purple: #aa76ff;--color-body: #0e1217;--color-box-header: #1e2530;--color-box-body: #161b23;--color-box-body-highlight: #26303e;--color-text-dark: #f1f5f9;--color-text: #f1f5f9;--color-text-light: #cbd5e1;--color-text-light-1: #cbd5e1;--color-text-light-2: #94a3b8;--color-text-light-3: #64748b;--color-footer: #0a0d11;--color-timeline: #2e3646;--color-input-text: #f1f5f9;--color-input-background: #161b23;--color-input-toggle-background: var(--steel-650);--color-input-border: #2e3646;--color-input-border-hover: #4a69ae;--color-header-wrapper: #0a0d11;--color-header-wrapper-transparent: #242d3800;--color-light: #00000028;--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));--color-light-border: #ffffff28;--color-hover: var(--steel-600);--color-active: var(--steel-650);--color-menu: #1e2530;--color-card: #1e2530;--color-markup-table-row: #ffffff06;--color-markup-code-block: #161b23;--color-markup-code-inline: var(--steel-850);--color-button: #1e2530;--color-code-bg: #161b23;--color-shadow: #00000060;--color-secondary-bg: #1e2530;--color-text-focus: #fff;--color-expand-button: #3c404d;--color-placeholder-text: var(--color-text-light-3);--color-editor-line-highlight: var(--steel-700);--color-project-board-bg: var(--color-secondary-light-3);--color-project-board-dark-label: var(--color-text-light-3);--color-caret: var(--color-text);--color-reaction-bg: #ffffff12;--color-reaction-active-bg: var(--color-primary-alpha-30);--color-reaction-hover-bg: var(--color-primary-alpha-40);--color-tooltip-text: #ffffff;--color-tooltip-bg: #000000f0;--color-nav-bg: #12171e;--color-nav-hover-bg: #1e2530;--color-nav-text: #f1f5f9;--color-secondary-nav-bg: var(--color-body);--color-label-text: #fff;--color-label-bg: var(--steel-600);--color-label-hover-bg: var(--steel-550);--color-label-active-bg: var(--steel-500);--color-label-bg-alt: var(--steel-550);--color-accent: #4a69ae;--color-small-accent: var(--color-primary-light-5);--color-highlight-fg: var(--color-primary-light-4);--color-highlight-bg: var(--color-primary-alpha-20);--color-overlay-backdrop: #080808c0;--checkerboard-color-1: #474747;--checkerboard-color-2: #313131;accent-color:var(--color-accent);color-scheme:dark}.emoji[aria-label="check mark"],.emoji[aria-label="currency exchange"],.emoji[aria-label="TOP arrow"],.emoji[aria-label="END arrow"],.emoji[aria-label="ON! arrow"],.emoji[aria-label="SOON arrow"],.emoji[aria-label="heavy dollar sign"],.emoji[aria-label=copyright],.emoji[aria-label=registered],.emoji[aria-label="trade mark"],.emoji[aria-label=multiply],.emoji[aria-label=plus],.emoji[aria-label=minus],.emoji[aria-label=divide],.emoji[aria-label="curly loop"],.emoji[aria-label="double curly loop"],.emoji[aria-label="wavy dash"],.emoji[aria-label="paw prints"],.emoji[aria-label="musical note"],.emoji[aria-label="musical notes"]{filter:invert(100%) hue-rotate(180deg)}i.grey.icon.icon.icon.icon{color:var(--steel-350)!important}.ui.secondary.vertical.menu{border-radius:.28571429rem!important;overflow:hidden}.ui.basic.primary.button.item{background-color:var(--color-active)!important;color:var(--color-text)!important;box-shadow:none!important}.ui.red.label.notification_count,.ui.primary.label,.ui.primary.labels .label{background-color:var(--color-primary-light-3)!important}.repository.view.issue .comment-list .code-comment+.code-comment{margin:1.25rem 0!important;padding-top:1.25rem!important;border-top-color:var(--steel-650)!important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{background-color:var(--color-light)!important}#review-box .review-comments-counter{background-color:var(--color-shadow)!important;color:var(--color-white)!important;margin-left:.5em}.ui.basic.labels .primary.label,.ui.ui.ui.basic.primary.label{color:var(--color-text-dark)!important}.ui.basic.yellow.label.pending-label{background:var(--color-light)!important}::selection{background:var(--steel-100)!important;color:var(--color-pure-black)!important}strong.attention-important,svg.attention-important{color:var(--color-violet-light)}strong.attention-note,svg.attention-note{color:var(--color-blue-light)}strong.attention-caution,svg.attention-caution{color:var(--color-red-light)}.ui.basic.red.button{background-color:var(--color-red);color:var(--color-white)}.ui.basic.red.button:hover,.ui.basic.red.button:focus{background-color:var(--color-red-dark-1);color:var(--color-white)}.ui.basic.red.button:active{background-color:var(--color-red-dark-2);color:var(--color-white)} +.chroma .bp { + color: #fabd2f; +} + +.chroma .c, +.chroma .c1, +.chroma .ch, +.chroma .cm { + color: #777e94; +} + +.chroma .cp { + color: #8ec07c; +} + +.chroma .cpf { + color: #649bc4; +} + +.chroma .cs { + color: #9075cd; +} + +.chroma .dl { + color: #649bc4; +} + +.chroma .gd { + color: #fff; + background-color: #5f3737; +} + +.chroma .ge { + color: #ddee30; +} + +.chroma .gh { + color: #ffaa10; +} + +.chroma .gi { + color: #fff; + background-color: #3a523a; +} + +.chroma .go { + color: #777e94; +} + +.chroma .gp { + color: #ebdbb2; +} + +.chroma .gr { + color: #f43; +} + +.chroma .gs { + color: #ebdbb2; +} + +.chroma .gt { + color: #ff7540; +} + +.chroma .gu { + color: #b8bb26; +} + +.chroma .il { + color: #649bc4; +} + +.chroma .k { + color: #ff7540; +} + +.chroma .kc { + color: #649bc4; +} + +.chroma .kd { + color: #ff7540; +} + +.chroma .kn { + color: #ffaa10; +} + +.chroma .kp { + color: #5f8700; +} + +.chroma .kr { + color: #ff7540; +} + +.chroma .kt { + color: #ff7b72; +} + +.chroma .m, +.chroma .mb, +.chroma .mf, +.chroma .mh, +.chroma .mi, +.chroma .mo { + color: #649bc4; +} + +.chroma .n { + color: #c9d1d9; +} + +.chroma .na, +.chroma .nb { + color: #fabd2f; +} + +.chroma .nc { + color: #ffaa10; +} + +.chroma .nd { + color: #8ec07c; +} + +.chroma .ne { + color: #ff7540; +} + +.chroma .nf, +.chroma .ni { + color: #fabd2f; +} + +.chroma .nl { + color: #ff7540; +} + +.chroma .nn { + color: #c9d1d9; +} + +.chroma .no { + color: #649bc4; +} + +.chroma .nt { + color: #ff7540; +} + +.chroma .nv { + color: #ebdbb2; +} + +.chroma .nx { + color: #b6bac5; +} + +.chroma .o { + color: #ff7540; +} + +.chroma .ow { + color: #5f8700; +} + +.chroma .p { + color: #d2d4db; +} + +.chroma .s, +.chroma .s1, +.chroma .s2 { + color: #b8bb26; +} + +.chroma .sa { + color: #ffaa10; +} + +.chroma .sb { + color: #b8bb26; +} + +.chroma .sc { + color: #ffaa10; +} + +.chroma .sd { + color: #b8bb26; +} + +.chroma .se { + color: #ff8540; +} + +.chroma .sh { + color: #b8bb26; +} + +.chroma .si { + color: #ffaa10; +} + +.chroma .sr { + color: #9075cd; +} + +.chroma .ss { + color: #ff8540; +} + +.chroma .sx { + color: #ffaa10; +} + +.chroma .vc, +.chroma .vg, +.chroma .vi { + color: #649bee; +} + +.chroma .w { + color: #7f8699; +} + +.CodeMirror.cm-s-default .cm-property, +.CodeMirror.cm-s-paper .cm-property { + color: #a0cc75; +} + +.CodeMirror.cm-s-default .cm-header, +.CodeMirror.cm-s-paper .cm-header { + color: #9daccc; +} + +.CodeMirror.cm-s-default .cm-quote, +.CodeMirror.cm-s-paper .cm-quote { + color: #090; +} + +.CodeMirror.cm-s-default .cm-keyword, +.CodeMirror.cm-s-paper .cm-keyword { + color: #cc8a61; +} + +.CodeMirror.cm-s-default .cm-atom, +.CodeMirror.cm-s-paper .cm-atom { + color: #ef5e77; +} + +.CodeMirror.cm-s-default .cm-number, +.CodeMirror.cm-s-paper .cm-number { + color: #ff5656; +} + +.CodeMirror.cm-s-default .cm-def, +.CodeMirror.cm-s-paper .cm-def { + color: #e4e4e4; +} + +.CodeMirror.cm-s-default .cm-variable-2, +.CodeMirror.cm-s-paper .cm-variable-2 { + color: #00bdbf; +} + +.CodeMirror.cm-s-default .cm-variable-3, +.CodeMirror.cm-s-paper .cm-variable-3 { + color: #085; +} + +.CodeMirror.cm-s-default .cm-comment, +.CodeMirror.cm-s-paper .cm-comment { + color: #8e9ab3; +} + +.CodeMirror.cm-s-default .cm-string, +.CodeMirror.cm-s-paper .cm-string { + color: #a77272; +} + +.CodeMirror.cm-s-default .cm-string-2, +.CodeMirror.cm-s-paper .cm-string-2 { + color: #f50; +} + +.CodeMirror.cm-s-default .cm-meta, +.CodeMirror.cm-s-paper .cm-meta, +.CodeMirror.cm-s-default .cm-qualifier, +.CodeMirror.cm-s-paper .cm-qualifier { + color: #ffb176; +} + +.CodeMirror.cm-s-default .cm-builtin, +.CodeMirror.cm-s-paper .cm-builtin { + color: #b7c951; +} + +.CodeMirror.cm-s-default .cm-bracket, +.CodeMirror.cm-s-paper .cm-bracket { + color: #997; +} + +.CodeMirror.cm-s-default .cm-tag, +.CodeMirror.cm-s-paper .cm-tag { + color: #f1d273; +} + +.CodeMirror.cm-s-default .cm-attribute, +.CodeMirror.cm-s-paper .cm-attribute { + color: #bfcc70; +} + +.CodeMirror.cm-s-default .cm-hr, +.CodeMirror.cm-s-paper .cm-hr { + color: #999; +} + +.CodeMirror.cm-s-default .cm-url, +.CodeMirror.cm-s-paper .cm-url { + color: #c5cfd0; +} + +.CodeMirror.cm-s-default .cm-link, +.CodeMirror.cm-s-paper .cm-link { + color: #d8c792; +} + +.CodeMirror.cm-s-default .cm-error, +.CodeMirror.cm-s-paper .cm-error { + color: #dbdbeb; +} + +.markup [src$="#gh-light-mode-only"], +.markup [src$="#light-mode-only"], +.markup [href$="#gh-light-mode-only"], +.markup [href$="#light-mode-only"] { + display: none; +} + +.markup [src$="#gh-dark-mode-only"], +.markup [src$="#dark-mode-only"], +.markup [href$="#gh-dark-mode-only"], +.markup [href$="#dark-mode-only"] { + display: unset; +} + +:root { + --steel-900: #10161d; + --steel-850: #131a21; + --steel-800: #171e26; + --steel-750: #1d262f; + --steel-700: #242d38; + --steel-650: #2b3642; + --steel-600: #374351; + --steel-550: #445161; + --steel-500: #515f70; + --steel-450: #5f6e80; + --steel-400: #6d7d8f; + --steel-350: #7c8c9f; + --steel-300: #8c9caf; + --steel-250: #9dadc0; + --steel-200: #aebed0; + --steel-150: #c0cfe0; + --steel-100: #d2e0f0; + --is-dark-theme: true; + --color-primary: #4a69ae; + --color-primary-contrast: #ffffff; + --color-primary-dark-1: #3b548c; + --color-primary-dark-2: #2d406a; + --color-primary-dark-3: #fed7aa; + --color-primary-dark-4: #fed7aa; + --color-primary-dark-5: #ffedd5; + --color-primary-dark-6: #ffedd5; + --color-primary-dark-7: #fff7ed; + --color-primary-light-1: #6b87c8; + --color-primary-light-2: #8ca3d6; + --color-primary-light-3: #c2410c; + --color-primary-light-4: #9a3412; + --color-primary-light-5: #9a3412; + --color-primary-light-6: #7c2d12; + --color-primary-light-7: #7c2d12; + --color-primary-alpha-10: #ea580c19; + --color-primary-alpha-20: #ea580c33; + --color-primary-alpha-30: #ea580c4b; + --color-primary-alpha-40: #ea580c66; + --color-primary-alpha-50: #ea580c80; + --color-primary-alpha-60: #ea580c99; + --color-primary-alpha-70: #ea580cb3; + --color-primary-alpha-80: #ea580ccc; + --color-primary-alpha-90: #ea580ce1; + --color-primary-hover: #6b87c8; + --color-primary-active: #3b548c; + --color-secondary: #1e2530; + --color-secondary-dark-1: var(--steel-550); + --color-secondary-dark-2: var(--steel-500); + --color-secondary-dark-3: var(--steel-450); + --color-secondary-dark-4: var(--steel-400); + --color-secondary-dark-5: var(--steel-350); + --color-secondary-dark-6: var(--steel-300); + --color-secondary-dark-7: var(--steel-250); + --color-secondary-dark-8: var(--steel-200); + --color-secondary-dark-9: var(--steel-150); + --color-secondary-dark-10: var(--steel-100); + --color-secondary-dark-11: var(--steel-100); + --color-secondary-dark-12: var(--steel-100); + --color-secondary-dark-13: var(--steel-100); + --color-secondary-light-1: var(--steel-650); + --color-secondary-light-2: var(--steel-700); + --color-secondary-light-3: var(--steel-750); + --color-secondary-light-4: var(--steel-800); + --color-secondary-alpha-10: #2b364219; + --color-secondary-alpha-20: #2b364233; + --color-secondary-alpha-30: #2b36424b; + --color-secondary-alpha-40: #2b364266; + --color-secondary-alpha-50: #2b364280; + --color-secondary-alpha-60: #2b364299; + --color-secondary-alpha-70: #2b3642b3; + --color-secondary-alpha-80: #2b3642cc; + --color-secondary-alpha-90: #2b3642e1; + --color-secondary-hover: var(--color-secondary-light-1); + --color-secondary-active: var(--color-secondary-light-2); + --color-console-fg: #eeeff2; + --color-console-fg-subtle: #959cab; + --color-console-bg: #1f212b; + --color-console-border: #383c47; + --color-console-hover-bg: #ffffff16; + --color-console-active-bg: #454a57; + --color-console-menu-bg: #383c47; + --color-console-menu-border: #5c6374; + --color-red: #b91c1c; + --color-orange: #ea580c; + --color-yellow: #ca8a04; + --color-olive: #91a313; + --color-green: #15803d; + --color-teal: #0d9488; + --color-blue: #2563eb; + --color-violet: #7c3aed; + --color-purple: #9333ea; + --color-pink: #db2777; + --color-brown: #a47252; + --color-grey: var(--steel-500); + --color-black: #111827; + --color-red-light: #dc2626; + --color-orange-light: #f97316; + --color-yellow-light: #eab308; + --color-olive-light: #839311; + --color-green-light: #16a34a; + --color-teal-light: #14b8a6; + --color-blue-light: #3b82f6; + --color-violet-light: #8b5cf6; + --color-purple-light: #a855f7; + --color-pink-light: #ec4899; + --color-brown-light: #94674a; + --color-grey-light: var(--steel-300); + --color-black-light: #1f2937; + --color-red-dark-1: #a71919; + --color-orange-dark-1: #d34f0b; + --color-yellow-dark-1: #b67c04; + --color-olive-dark-1: #839311; + --color-green-dark-1: #137337; + --color-teal-dark-1: #0c857a; + --color-blue-dark-1: #1554e0; + --color-violet-dark-1: #6a1feb; + --color-purple-dark-1: #8519e7; + --color-pink-dark-1: #c7216b; + --color-brown-dark-1: #94674a; + --color-black-dark-1: #0f1623; + --color-red-dark-2: #941616; + --color-orange-dark-2: #bb460a; + --color-yellow-dark-2: #ca8a04; + --color-olive-dark-2: #91a313; + --color-green-dark-2: #15803d; + --color-teal-dark-2: #0a766d; + --color-blue-dark-2: #2563eb; + --color-violet-dark-2: #5c14d8; + --color-purple-dark-2: #7c3aed; + --color-pink-dark-2: #b11d5f; + --color-brown-dark-2: #a47252; + --color-black-dark-2: #111827; + --color-ansi-black: #1d2328; + --color-ansi-red: #cc4848; + --color-ansi-green: #87ab63; + --color-ansi-yellow: #cc9903; + --color-ansi-blue: #3a8ac6; + --color-ansi-magenta: #d22e8b; + --color-ansi-cyan: #00918a; + --color-ansi-white: var(--color-console-fg-subtle); + --color-ansi-bright-black: #424851; + --color-ansi-bright-red: #d15a5a; + --color-ansi-bright-green: #93b373; + --color-ansi-bright-yellow: #eaaf03; + --color-ansi-bright-blue: #4e96cc; + --color-ansi-bright-magenta: #d74397; + --color-ansi-bright-cyan: #00b6ad; + --color-ansi-bright-white: var(--color-console-fg); + --color-gold: #b1983b; + --color-white: #ffffff; + --color-pure-black: #000000; + --color-diff-removed-word-bg: #783030; + --color-diff-added-word-bg: #255c39; + --color-diff-removed-row-bg: #432121; + --color-diff-moved-row-bg: #825718; + --color-diff-added-row-bg: #1b3625; + --color-diff-removed-row-border: #783030; + --color-diff-moved-row-border: #a67a1d; + --color-diff-added-row-border: #255c39; + --color-diff-inactive: var(--steel-650); + --color-error-border: #783030; + --color-error-bg: #5f2525; + --color-error-bg-active: #783030; + --color-error-bg-hover: #783030; + --color-error-text: #fef2f2; + --color-success-border: #1f6e3c; + --color-success-bg: #1d462c; + --color-success-text: #aef0c2; + --color-warning-border: #a67a1d; + --color-warning-bg: #644821; + --color-warning-text: #fff388; + --color-info-border: #2e50b0; + --color-info-bg: #2a396b; + --color-info-text: var(--steel-100); + --color-red-badge: #b91c1c; + --color-red-badge-bg: #b91c1c22; + --color-red-badge-hover-bg: #b91c1c44; + --color-green-badge: #16a34a; + --color-green-badge-bg: #16a34a22; + --color-green-badge-hover-bg: #16a34a44; + --color-yellow-badge: #ca8a04; + --color-yellow-badge-bg: #ca8a0422; + --color-yellow-badge-hover-bg: #ca8a0444; + --color-orange-badge: #ea580c; + --color-orange-badge-bg: #ea580c22; + --color-orange-badge-hover-bg: #ea580c44; + --color-git: #f05133; + --color-icon-green: #3fb950; + --color-icon-red: #f85149; + --color-icon-purple: #aa76ff; + --color-body: #0e1217; + --color-box-header: #1e2530; + --color-box-body: #161b23; + --color-box-body-highlight: #26303e; + --color-text-dark: #f1f5f9; + --color-text: #f1f5f9; + --color-text-light: #cbd5e1; + --color-text-light-1: #cbd5e1; + --color-text-light-2: #94a3b8; + --color-text-light-3: #64748b; + --color-footer: #0a0d11; + --color-timeline: #2e3646; + --color-input-text: #f1f5f9; + --color-input-background: #161b23; + --color-input-toggle-background: var(--steel-650); + --color-input-border: #2e3646; + --color-input-border-hover: #4a69ae; + --color-header-wrapper: #0a0d11; + --color-header-wrapper-transparent: #242d3800; + --color-light: #00000028; + --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-border: #ffffff28; + --color-hover: var(--steel-600); + --color-active: var(--steel-650); + --color-menu: #1e2530; + --color-card: #1e2530; + --color-markup-table-row: #ffffff06; + --color-markup-code-block: #161b23; + --color-markup-code-inline: var(--steel-850); + --color-button: #1e2530; + --color-code-bg: #161b23; + --color-shadow: #00000060; + --color-secondary-bg: #1e2530; + --color-text-focus: #fff; + --color-expand-button: #3c404d; + --color-placeholder-text: var(--color-text-light-3); + --color-editor-line-highlight: var(--steel-700); + --color-project-board-bg: var(--color-secondary-light-3); + --color-project-board-dark-label: var(--color-text-light-3); + --color-caret: var(--color-text); + --color-reaction-bg: #ffffff12; + --color-reaction-active-bg: var(--color-primary-alpha-30); + --color-reaction-hover-bg: var(--color-primary-alpha-40); + --color-tooltip-text: #ffffff; + --color-tooltip-bg: #000000f0; + --color-nav-bg: #12171e; + --color-nav-hover-bg: #1e2530; + --color-nav-text: #f1f5f9; + --color-secondary-nav-bg: var(--color-body); + --color-label-text: #fff; + --color-label-bg: var(--steel-600); + --color-label-hover-bg: var(--steel-550); + --color-label-active-bg: var(--steel-500); + --color-label-bg-alt: var(--steel-550); + --color-accent: #4a69ae; + --color-small-accent: var(--color-primary-light-5); + --color-highlight-fg: var(--color-primary-light-4); + --color-highlight-bg: var(--color-primary-alpha-20); + --color-overlay-backdrop: #080808c0; + --checkerboard-color-1: #474747; + --checkerboard-color-2: #313131; + accent-color: var(--color-accent); + color-scheme: dark; +} + +.emoji[aria-label="check mark"], +.emoji[aria-label="currency exchange"], +.emoji[aria-label="TOP arrow"], +.emoji[aria-label="END arrow"], +.emoji[aria-label="ON! arrow"], +.emoji[aria-label="SOON arrow"], +.emoji[aria-label="heavy dollar sign"], +.emoji[aria-label=copyright], +.emoji[aria-label=registered], +.emoji[aria-label="trade mark"], +.emoji[aria-label=multiply], +.emoji[aria-label=plus], +.emoji[aria-label=minus], +.emoji[aria-label=divide], +.emoji[aria-label="curly loop"], +.emoji[aria-label="double curly loop"], +.emoji[aria-label="wavy dash"], +.emoji[aria-label="paw prints"], +.emoji[aria-label="musical note"], +.emoji[aria-label="musical notes"] { + filter: invert(100%) hue-rotate(180deg); +} + +i.grey.icon.icon.icon.icon { + color: var(--steel-350)!important; +} + +.ui.secondary.vertical.menu { + border-radius: .28571429rem!important; + overflow: hidden; +} + +.ui.basic.primary.button.item { + background-color: var(--color-active)!important; + color: var(--color-text)!important; + box-shadow: none!important; +} + +.ui.red.label.notification_count, +.ui.primary.label, +.ui.primary.labels .label { + background-color: var(--color-primary-light-3)!important; +} + +.repository.view.issue .comment-list .code-comment+.code-comment { + margin: 1.25rem 0!important; + padding-top: 1.25rem!important; + border-top-color: var(--steel-650)!important; +} + +.ui.labeled.icon.buttons>.button>.icon, +.ui.labeled.icon.button>.icon { + background-color: var(--color-light)!important; +} + +#review-box .review-comments-counter { + background-color: var(--color-shadow)!important; + color: var(--color-white)!important; + margin-left: .5em; +} + +.ui.basic.labels .primary.label, +.ui.ui.ui.basic.primary.label { + color: var(--color-text-dark)!important; +} + +.ui.basic.yellow.label.pending-label { + background: var(--color-light)!important; +} + +::selection { + background: var(--steel-100)!important; + color: var(--color-pure-black)!important; +} + +strong.attention-important, +svg.attention-important { + color: var(--color-violet-light); +} + +strong.attention-note, +svg.attention-note { + color: var(--color-blue-light); +} + +strong.attention-caution, +svg.attention-caution { + color: var(--color-red-light); +} + +.ui.basic.red.button { + background-color: var(--color-red); + color: var(--color-white); +} + +.ui.basic.red.button:hover, +.ui.basic.red.button:focus { + background-color: var(--color-red-dark-1); + color: var(--color-white); +} + +.ui.basic.red.button:active { + background-color: var(--color-red-dark-2); + color: var(--color-white); +} /* Navbar Brand Logo Size Enhancement */ .ui.navbar .brand img, @@ -147,6 +950,7 @@ html[data-theme="openlatdev-brand-light"] .ui.navbar .hamburger { border: 1px solid #e2e8f0 !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important; } + } /* Mobile Navbar & Hamburger Menu Legibility Fix - Dark Theme */ @@ -167,15 +971,18 @@ html[data-theme="openlatdev-brand-dark"] .ui.navbar .hamburger { background-color: #ffffff !important; border-bottom: 1px solid #e2e8f0 !important; } + :root:not([data-theme="openlatdev-brand-dark"]) .ui.navbar .item, :root:not([data-theme="openlatdev-brand-dark"]) .ui.navbar a { color: #0f172a !important; } + :root:not([data-theme="openlatdev-brand-dark"]) .ui.navbar svg, :root:not([data-theme="openlatdev-brand-dark"]) .ui.navbar .hamburger { fill: #0f172a !important; color: #0f172a !important; } + } @media (prefers-color-scheme: dark) { @@ -184,6 +991,7 @@ html[data-theme="openlatdev-brand-dark"] .ui.navbar .hamburger { fill: #ffffff !important; color: #ffffff !important; } + } /* Mobile Sidebar Panel & Sidebar Toggle Icon Contrast Fix */ @@ -250,16 +1058,19 @@ body[data-theme="openlatdev-brand-dark"] button.sidebar-toggle svg { background-color: #ffffff !important; color: #0f172a !important; } + :root:not([data-theme="openlatdev-brand-dark"]) .ui.sidebar .item, :root:not([data-theme="openlatdev-brand-dark"]) .ui.sidebar a { color: #0f172a !important; } + :root:not([data-theme="openlatdev-brand-dark"]) .ui.sidebar svg, :root:not([data-theme="openlatdev-brand-dark"]) svg.octicon-sidebar, :root:not([data-theme="openlatdev-brand-dark"]) .sidebar-toggle svg { fill: #0f172a !important; color: #0f172a !important; } + } @media (prefers-color-scheme: dark) { @@ -267,94 +1078,163 @@ body[data-theme="openlatdev-brand-dark"] button.sidebar-toggle svg { background-color: #12171e !important; color: #f1f5f9 !important; } + :root:not([data-theme="openlatdev-brand-light"]) .ui.sidebar svg, :root:not([data-theme="openlatdev-brand-light"]) svg.octicon-sidebar, :root:not([data-theme="openlatdev-brand-light"]) .sidebar-toggle svg { fill: #ffffff !important; color: #ffffff !important; } + } -/* Nuclear Mobile Navbar & Sidebar Toggle White Icon Fix */ +/* Mobile Navbar & Sidebar Icon Colors - Dark Theme */ @media only screen and (max-width: 1200px) { .ui.navbar svg, .ui.navbar svg *, .ui.navbar .svg, .ui.navbar .hamburger, - .ui.navbar .hamburger *, .ui.navbar .toggle, - .ui.navbar .toggle *, .ui.navbar .toc, - .ui.navbar .toc *, .ui.navbar button, - .ui.navbar button *, - .ui.menu .toc.item, - .ui.menu .toc.item *, .mobile-only svg, - .mobile-only svg *, #navbar svg, - #navbar svg *, - .ui.sidebar svg, - .ui.sidebar svg * { + .ui.sidebar svg { fill: #ffffff !important; color: #ffffff !important; } + } -@media only screen and (max-width: 768px) { - .ui.navbar, - #navbar { - background-color: #12171e !important; - } - .ui.navbar svg, - .ui.navbar svg *, - .ui.navbar .svg, - .ui.navbar .hamburger, - .ui.navbar .hamburger *, - .ui.navbar .toggle, - .ui.navbar .toggle *, - .ui.navbar .toc, - .ui.navbar .toc *, - .ui.navbar button, - .ui.navbar button *, - .ui.menu .toc.item, - .ui.menu .toc.item *, - .mobile-only svg, - .mobile-only svg *, - #navbar svg, - #navbar svg *, - .ui.sidebar svg, - .ui.sidebar svg * { - fill: #ffffff !important; - color: #ffffff !important; - } +/* Explicit Dark Theme Navbar Link Text Color Fix */ +html[data-theme*="dark"] #navbar .item, +html[data-theme*="dark"] #navbar a, +html[data-theme*="dark"] .ui.navbar .item, +html[data-theme*="dark"] .ui.navbar a, +body[data-theme*="dark"] .ui.navbar .item, +body[data-theme*="dark"] .ui.navbar a, +.theme-openlatdev-brand-dark #navbar .item, +.theme-openlatdev-brand-dark #navbar a { + color: #f1f5f9 !important; } -@media only screen and (max-width: 480px) { - .ui.navbar, - #navbar { - background-color: #12171e !important; - } - .ui.navbar svg, - .ui.navbar svg *, - .ui.navbar .svg, - .ui.navbar .hamburger, - .ui.navbar .hamburger *, - .ui.navbar .toggle, - .ui.navbar .toggle *, - .ui.navbar .toc, - .ui.navbar .toc *, - .ui.navbar button, - .ui.navbar button *, - .ui.menu .toc.item, - .ui.menu .toc.item *, - .mobile-only svg, - .mobile-only svg *, - #navbar svg, - #navbar svg *, - .ui.sidebar svg, - .ui.sidebar svg * { - fill: #ffffff !important; - color: #ffffff !important; - } +html[data-theme*="dark"] #navbar .item:hover, +html[data-theme*="dark"] #navbar a:hover, +html[data-theme*="dark"] .ui.navbar .item:hover, +html[data-theme*="dark"] .ui.navbar a:hover { + background-color: #1e2530 !important; + color: #6b87c8 !important; } + +/* ========================================================================== + JetBrains Mono Code Editor & Monospace Typography Enhancement + ========================================================================== */ +.CodeMirror, +.CodeMirror-lines, +.CodeMirror pre.CodeMirror-line, +.CodeMirror pre.CodeMirror-line-like, +.cm-editor, +.cm-content, +.cm-line, +textarea.editor, +#edit-area, +.editor-loading-placeholder, +.file-view table.code-view, +.code-view, +.lines-code, +.lines-num, +.diff-file-box .code-view, +.tag-code-view, +.monospaced, +pre, +code, +.markup pre, +.markup code, +.chroma { + font-family: 'JetBrains Mono', 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', 'Fira Code', 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !important; + font-size: 14.5px !important; + line-height: 1.6 !important; +} + +.CodeMirror, +.cm-editor { + font-size: 14.5px !important; +} + +.lines-num, +.CodeMirror-linenumber, +.cm-gutterElement { + font-family: 'JetBrains Mono', 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', monospace !important; + font-size: 13px !important; + line-height: 1.6 !important; +} + +/* Enable Font Ligatures across Code Mirror & Code View Components */ +.CodeMirror, +.CodeMirror-lines, +.CodeMirror pre.CodeMirror-line, +.CodeMirror pre.CodeMirror-line-like, +.cm-editor, +.cm-content, +.cm-line, +textarea.editor, +#edit-area, +.editor-loading-placeholder, +.file-view table.code-view, +.code-view, +.lines-code, +.diff-file-box .code-view, +.tag-code-view, +.monospaced, +pre, +code, +.markup pre, +.markup code, +.chroma { + font-variant-ligatures: normal !important; + font-feature-settings: "calt" 1, "liga" 1, "dlig" 1 !important; + text-rendering: optimizeLegibility !important; +} + +/* Universal JetBrainsMono Nerd Font & Ligatures for Code View & Chroma Syntax Highlighting */ +.file-view .code-view, +.file-view .code-view *, +.code-view, +.code-view *, +.lines-code, +.lines-code *, +.code-inner, +.code-inner *, +.chroma, +.chroma *, +.CodeMirror, +.CodeMirror *, +.cm-editor, +.cm-editor *, +textarea.editor, +#edit-area, +.editor-loading-placeholder, +.diff-file-box .code-view, +.diff-file-box .code-view *, +.tag-code-view, +.monospaced, +pre, +pre *, +code, +code * { + font-family: 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', 'JetBrainsMono NF', 'JetBrains Mono', 'Fira Code', 'Roboto Mono', ui-monospace, monospace !important; + font-variant-ligatures: normal !important; + font-feature-settings: "calt" 1, "liga" 1, "dlig" 1, "clig" 1 !important; + text-rendering: optimizeLegibility !important; + letter-spacing: normal !important; +} + +.code-inner, +.code-inner span, +.lines-code span, +.chroma span { + font-size: 14.5px !important; + line-height: 1.6 !important; + font-variant-ligatures: normal !important; + font-feature-settings: "calt" 1, "liga" 1, "dlig" 1, "clig" 1 !important; +} \ No newline at end of file diff --git a/themes/theme-openlatdev-brand-light.css b/themes/theme-openlatdev-brand-light.css index fdc48af..b75f9b5 100644 --- a/themes/theme-openlatdev-brand-light.css +++ b/themes/theme-openlatdev-brand-light.css @@ -1,5 +1,628 @@ +/* ========================================================================== + OFFICIAL JETBRAINS MONO NERD FONT (v3.5.0 Patched WebFont Declarations) + ========================================================================== */ +@font-face { + font-family: 'JetBrainsMono Nerd Font'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url('/assets/fonts/jetbrains-mono-nerd/JetBrainsMonoNerdFont-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'JetBrainsMono Nerd Font'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url('/assets/fonts/jetbrains-mono-nerd/JetBrainsMonoNerdFont-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'JetBrainsMono Nerd Font'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url('/assets/fonts/jetbrains-mono-nerd/JetBrainsMonoNerdFont-Medium.ttf') format('truetype'); +} + +@font-face { + font-family: 'JetBrainsMono Nerd Font'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url('/assets/fonts/jetbrains-mono-nerd/JetBrainsMonoNerdFont-Bold.ttf') format('truetype'); +} + +/* ========================================================================== + JetBrainsMono Nerd Font Code Editor & Monospace Typography + ========================================================================== */ +.CodeMirror, +.CodeMirror-lines, +.CodeMirror pre.CodeMirror-line, +.CodeMirror pre.CodeMirror-line-like, +.cm-editor, +.cm-content, +.cm-line, +textarea.editor, +#edit-area, +.editor-loading-placeholder, +.file-view table.code-view, +.code-view, +.lines-code, +.lines-num, +.diff-file-box .code-view, +.tag-code-view, +.monospaced, +pre, +code, +.markup pre, +.markup code, +.chroma { + font-family: 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', 'JetBrainsMono NF', 'JetBrains Mono', 'Fira Code', 'Roboto Mono', ui-monospace, monospace !important; + font-size: 14.5px !important; + line-height: 1.6 !important; +} + +.CodeMirror, +.cm-editor { + font-size: 14.5px !important; +} + +.lines-num, +.CodeMirror-linenumber, +.cm-gutterElement { + font-family: 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', monospace !important; + font-size: 13px !important; + line-height: 1.6 !important; +} + +@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400..700;1,400..700&display=swap'); +/* ========================================================================== + openlat.dev — Official Brand Theme: Light + Repository: https://openlat.dev/Openlatdevs/git-branding + License: MIT (2026 openlat.dev Community) + + Structure Index: + 1. Syntax Highlighting & Code Formatting (Chroma / CodeMirror) + 2. Design Tokens & Color System Custom Variables (:root) + 3. Base Layout & Element Resets + 4. Component Styles (Buttons, Hero Mascot, Badges) + 5. Navigation Bar & Sidebar Styling + 6. Responsive & Mobile Viewport Rules (@media) + ========================================================================== */ + + /* Openlatdevs MD3 Material Light Theme */ -.chroma .bp{color:#999}.chroma .c,.chroma .c1,.chroma .ch{color:#6a737d}.chroma .cm{color:#998}.chroma .cp{color:#109295}.chroma .cpf{color:#4c4dbc}.chroma .cs{color:#999}.chroma .dl{color:#106303}.chroma .gd{color:#000;background-color:#fdd}.chroma .ge{color:#000}.chroma .gh{color:#999}.chroma .gi{color:#000;background-color:#dfd}.chroma .go{color:#888}.chroma .gp{color:#555}.chroma .gr,.chroma .gt{color:#a00}.chroma .gu{color:#aaa}.chroma .il{color:#099}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:#d73a49}.chroma .kt{color:#458}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#099}.chroma .na{color:#d73a49}.chroma .nb{color:#005cc5}.chroma .nc{color:#458}.chroma .nd{color:#3c5d5d}.chroma .ne{color:#900}.chroma .nf{color:#005cc5}.chroma .ni{color:#6f42c1}.chroma .nl{color:#900}.chroma .nn{color:#555}.chroma .no{color:teal}.chroma .nt{color:#22863a}.chroma .nv{color:teal}.chroma .nx{color:#24292e}.chroma .o,.chroma .ow{color:#d73a49}.chroma .s,.chroma .s1,.chroma .s2{color:#106303}.chroma .sa{color:#cc7a00}.chroma .sb{color:#106303}.chroma .sc{color:#cc7a00}.chroma .sd{color:#106303}.chroma .se{color:#940}.chroma .sh{color:#106303}.chroma .si{color:#cc7a00}.chroma .sr{color:#4c4dbc}.chroma .ss{color:#940}.chroma .sx{color:#106303}.chroma .vc,.chroma .vg,.chroma .vi{color:teal}.chroma .w{color:#bbb}.markup [src$="#gh-dark-mode-only"],.markup [src$="#dark-mode-only"],.markup [href$="#gh-dark-mode-only"],.markup [href$="#dark-mode-only"]{display:none}:root{--steel-900: #10161d;--steel-850: #131a21;--steel-800: #171e26;--steel-750: #1d262f;--steel-700: #242d38;--steel-650: #2b3642;--steel-600: #374351;--steel-550: #445161;--steel-500: #515f70;--steel-450: #5f6e80;--steel-400: #6d7d8f;--steel-350: #7c8c9f;--steel-300: #8c9caf;--steel-250: #9dadc0;--steel-200: #aebed0;--steel-150: #c0cfe0;--steel-100: #d2e0f0;--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-150: #ececee;--zinc-200: #e4e4e7;--zinc-250: #dcdce0;--zinc-300: #d4d4d8;--zinc-350: #babac1;--zinc-400: #a1a1aa;--zinc-450: #898992;--zinc-500: #71717a;--zinc-550: #61616a;--zinc-600: #52525b;--zinc-650: #484850;--zinc-700: #3f3f46;--zinc-750: #333338;--zinc-800: #27272a;--zinc-850: #1f1f23;--zinc-900: #18181b;--color-primary: #4a69ae;--color-primary-contrast: #ffffff;--color-primary-dark-1: #3b548c;--color-primary-dark-2: #2d406a;--color-primary-dark-3: #9a3412;--color-primary-dark-4: #7c2d12;--color-primary-dark-5: #7c2d12;--color-primary-dark-6: #7c2d12;--color-primary-dark-7: #7c2d12;--color-primary-light-1: #6b87c8;--color-primary-light-2: #8ca3d6;--color-primary-light-3: #fb923c;--color-primary-light-4: #fdba74;--color-primary-light-5: #fed7aa;--color-primary-light-6: #ffedd5;--color-primary-light-7: #fff7ed;--color-primary-alpha-10: #c2410c19;--color-primary-alpha-20: #c2410c33;--color-primary-alpha-30: #c2410c4b;--color-primary-alpha-40: #c2410c66;--color-primary-alpha-50: #c2410c80;--color-primary-alpha-60: #c2410c99;--color-primary-alpha-70: #c2410cb3;--color-primary-alpha-80: #c2410ccc;--color-primary-alpha-90: #c2410ce1;--color-primary-hover: #3b548c;--color-primary-active: #2d406a;--color-secondary: #e2e8f0;--color-secondary-dark-1: var(--zinc-200);--color-secondary-dark-2: var(--zinc-300);--color-secondary-dark-3: var(--zinc-300);--color-secondary-dark-4: var(--zinc-400);--color-secondary-dark-5: var(--zinc-400);--color-secondary-dark-6: var(--zinc-500);--color-secondary-dark-7: var(--zinc-500);--color-secondary-dark-8: var(--zinc-600);--color-secondary-dark-9: var(--zinc-600);--color-secondary-dark-10: var(--zinc-700);--color-secondary-dark-11: var(--zinc-700);--color-secondary-dark-12: var(--zinc-800);--color-secondary-dark-13: var(--zinc-800);--color-secondary-light-1: var(--zinc-200);--color-secondary-light-2: var(--zinc-100);--color-secondary-light-3: var(--zinc-100);--color-secondary-light-4: var(--zinc-50);--color-secondary-alpha-10: #d4d4d819;--color-secondary-alpha-20: #d4d4d833;--color-secondary-alpha-30: #d4d4d84b;--color-secondary-alpha-40: #d4d4d866;--color-secondary-alpha-50: #d4d4d880;--color-secondary-alpha-60: #d4d4d899;--color-secondary-alpha-70: #d4d4d8b3;--color-secondary-alpha-80: #d4d4d8cc;--color-secondary-alpha-90: #d4d4d8e1;--color-secondary-hover: var(--color-secondary-dark-2);--color-secondary-active: var(--color-secondary-dark-4);--color-console-fg: #eeeff2;--color-console-fg-subtle: #959cab;--color-console-bg: #1f212b;--color-console-border: #383c47;--color-console-hover-bg: #ffffff16;--color-console-active-bg: #454a57;--color-console-menu-bg: #383c47;--color-console-menu-border: #5c6374;--color-red: #dc2626;--color-orange: #ea580c;--color-yellow: #ca8a04;--color-olive: #91a313;--color-green: #15803d;--color-teal: #0d9488;--color-blue: #2563eb;--color-violet: #7c3aed;--color-purple: #9333ea;--color-pink: #db2777;--color-brown: #a47252;--color-grey: #4b5563;--color-black: #000000;--color-red-light: #ef4444;--color-orange-light: #f97316;--color-yellow-light: #eab308;--color-olive-light: #839311;--color-green-light: #16a34a;--color-teal-light: #14b8a6;--color-blue-light: #3b82f6;--color-violet-light: #8b5cf6;--color-purple-light: #a855f7;--color-pink-light: #ec4899;--color-brown-light: #94674a;--color-grey-light: #6b7280;--color-black-light: #181818;--color-red-dark-1: #c82020;--color-orange-dark-1: #d34f0b;--color-yellow-dark-1: #b67c04;--color-olive-dark-1: #839311;--color-green-dark-1: #137337;--color-teal-dark-1: #0c857a;--color-blue-dark-1: #1554e0;--color-violet-dark-1: #6a1feb;--color-purple-dark-1: #8519e7;--color-pink-dark-1: #c7216b;--color-brown-dark-1: #94674a;--color-black-dark-1: #000000;--color-red-dark-2: #b21d1d;--color-orange-dark-2: #bb460a;--color-yellow-dark-2: #a26e03;--color-olive-dark-2: #74820f;--color-green-dark-2: #116631;--color-teal-dark-2: #0a766d;--color-blue-dark-2: #124bc7;--color-violet-dark-2: #5c14d8;--color-purple-dark-2: #7715cf;--color-pink-dark-2: #b11d5f;--color-brown-dark-2: #835b42;--color-black-dark-2: #000000;--color-ansi-black: #1f2326;--color-ansi-red: #cc4848;--color-ansi-green: #87ab63;--color-ansi-yellow: #cc9903;--color-ansi-blue: #3a8ac6;--color-ansi-magenta: #d22e8b;--color-ansi-cyan: #00918a;--color-ansi-white: var(--color-console-fg-subtle);--color-ansi-bright-black: #46494d;--color-ansi-bright-red: #d15a5a;--color-ansi-bright-green: #93b373;--color-ansi-bright-yellow: #eaaf03;--color-ansi-bright-blue: #4e96cc;--color-ansi-bright-magenta: #d74397;--color-ansi-bright-cyan: #00b6ad;--color-ansi-bright-white: var(--color-console-fg);--color-gold: #b1983b;--color-white: #ffffff;--color-diff-removed-word-bg: #fca5a5;--color-diff-added-word-bg: #86efac;--color-diff-removed-row-bg: #fee2e2;--color-diff-moved-row-bg: #fef9c3;--color-diff-added-row-bg: #dcfce7;--color-diff-removed-row-border: #fca5a5;--color-diff-moved-row-border: #fde047;--color-diff-added-row-border: #86efac;--color-diff-inactive: var(--zinc-100);--color-error-border: #fecaca;--color-error-bg: #fee2e2;--color-error-bg-active: #fca5a5;--color-error-bg-hover: #fecaca;--color-error-text: #7f1d1d;--color-success-border: #bbf7d0;--color-success-bg: #dcfce7;--color-success-text: #14532d;--color-warning-border: #fde047;--color-warning-bg: #fef3c7;--color-warning-text: #78350f;--color-info-border: #bae6fd;--color-info-bg: #e0f2fe;--color-info-text: #0c4a6e;--color-red-badge: #b91c1c;--color-red-badge-bg: #b91c1c22;--color-red-badge-hover-bg: #b91c1c44;--color-green-badge: #16a34a;--color-green-badge-bg: #16a34a22;--color-green-badge-hover-bg: #16a34a44;--color-yellow-badge: #ca8a04;--color-yellow-badge-bg: #ca8a0422;--color-yellow-badge-hover-bg: #ca8a0444;--color-orange-badge: #ea580c;--color-orange-badge-bg: #ea580c22;--color-orange-badge-hover-bg: #ea580c44;--color-git: #f05133;--color-icon-green: var(--color-green-light);--color-icon-red: var(--color-red-light);--color-icon-purple: var(--color-purple-light);--color-body: #f8fafc;--color-box-header: #f1f5f9;--color-box-body: #ffffff;--color-box-body-highlight: #f8fafc;--color-text-dark: #0f172a;--color-text: #0f172a;--color-text-light: #334155;--color-text-light-1: #334155;--color-text-light-2: #475569;--color-text-light-3: #64748b;--color-footer: #f1f5f9;--color-timeline: #e2e8f0;--color-input-text: #0f172a;--color-input-background: #ffffff;--color-input-toggle-background: #fff;--color-input-border: #cbd5e1;--color-input-border-hover: #4a69ae;--color-header-wrapper: #0e1217;--color-header-wrapper-transparent: #d2e0f000;--color-light: #ffffffcc;--color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));--color-light-border: #0000001d;--color-hover: #e4e4e4aa;--color-active: #d4d4d8aa;--color-menu: #ffffff;--color-card: #ffffff;--color-markup-table-row: #ffffff06;--color-markup-code-block: #f8fafc;--color-markup-code-inline: var(--zinc-200);--color-button: #f1f5f9;--color-code-bg: #f8fafc;--color-shadow: #00000060;--color-secondary-bg: #f1f5f9;--color-text-focus: #fff;--color-expand-button: var(--zinc-200);--color-placeholder-text: var(--color-text-light-3);--color-editor-line-highlight: var(--zinc-100);--color-project-board-bg: var(--color-secondary-light-2);--color-project-board-dark-label: var(--color-text-light-3);--color-caret: var(--color-text);--color-reaction-bg: #0000000a;--color-reaction-active-bg: var(--color-primary-alpha-20);--color-reaction-hover-bg: var(--color-primary-alpha-30);--color-tooltip-text: #ffffff;--color-tooltip-bg: #000000f0;--color-nav-bg: #0e1217;--color-nav-hover-bg: #1e2530;--color-nav-text: #f1f5f9;--color-secondary-nav-bg: var(--color-body);--color-label-text: var(--color-text);--color-label-bg: #cacaca7b;--color-label-hover-bg: #cacacaa0;--color-label-active-bg: #cacacaff;--color-label-bg-alt: #cacacaff;--color-accent: #4a69ae;--color-small-accent: var(--color-primary-light-5);--color-highlight-fg: var(--color-primary-light-4);--color-highlight-bg: var(--color-primary-light-6);--color-overlay-backdrop: #080808c0;--checkerboard-color-1: #ffffff;--checkerboard-color-2: #e5e5e5;accent-color:var(--color-accent);color-scheme:light}.ui.secondary.vertical.menu{border-radius:.28571429rem!important;overflow:hidden}.ui.basic.primary.button.item{background-color:var(--color-active)!important;color:var(--color-text)!important;box-shadow:none!important}.ui.red.label.notification_count,.ui.primary.labels .label{background-color:var(--color-primary-dark-1)!important}.repository.view.issue .comment-list .code-comment+.code-comment{margin:1.25rem 0!important;padding-top:1.25rem!important;border-top-color:var(--zinc-250)!important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{background-color:var(--color-shadow)!important}#review-box .review-comments-counter{background-color:var(--color-label-bg)!important;margin-left:.5em}.ui.basic.labels .primary.label,.ui.ui.ui.basic.primary.label{color:var(--color-text-dark)!important}.ui.basic.yellow.label.pending-label{background:var(--color-warning-bg)!important;color:var(--color-warning-text)!important;border-color:var(--color-yellow-light)!important}::selection{background:var(--steel-450)!important;color:var(--color-white)!important} +.chroma .bp { + color: #999; +} + +.chroma .c, +.chroma .c1, +.chroma .ch { + color: #6a737d; +} + +.chroma .cm { + color: #998; +} + +.chroma .cp { + color: #109295; +} + +.chroma .cpf { + color: #4c4dbc; +} + +.chroma .cs { + color: #999; +} + +.chroma .dl { + color: #106303; +} + +.chroma .gd { + color: #000; + background-color: #fdd; +} + +.chroma .ge { + color: #000; +} + +.chroma .gh { + color: #999; +} + +.chroma .gi { + color: #000; + background-color: #dfd; +} + +.chroma .go { + color: #888; +} + +.chroma .gp { + color: #555; +} + +.chroma .gr, +.chroma .gt { + color: #a00; +} + +.chroma .gu { + color: #aaa; +} + +.chroma .il { + color: #099; +} + +.chroma .k, +.chroma .kc, +.chroma .kd, +.chroma .kn, +.chroma .kp, +.chroma .kr { + color: #d73a49; +} + +.chroma .kt { + color: #458; +} + +.chroma .m, +.chroma .mb, +.chroma .mf, +.chroma .mh, +.chroma .mi, +.chroma .mo { + color: #099; +} + +.chroma .na { + color: #d73a49; +} + +.chroma .nb { + color: #005cc5; +} + +.chroma .nc { + color: #458; +} + +.chroma .nd { + color: #3c5d5d; +} + +.chroma .ne { + color: #900; +} + +.chroma .nf { + color: #005cc5; +} + +.chroma .ni { + color: #6f42c1; +} + +.chroma .nl { + color: #900; +} + +.chroma .nn { + color: #555; +} + +.chroma .no { + color: teal; +} + +.chroma .nt { + color: #22863a; +} + +.chroma .nv { + color: teal; +} + +.chroma .nx { + color: #24292e; +} + +.chroma .o, +.chroma .ow { + color: #d73a49; +} + +.chroma .s, +.chroma .s1, +.chroma .s2 { + color: #106303; +} + +.chroma .sa { + color: #cc7a00; +} + +.chroma .sb { + color: #106303; +} + +.chroma .sc { + color: #cc7a00; +} + +.chroma .sd { + color: #106303; +} + +.chroma .se { + color: #940; +} + +.chroma .sh { + color: #106303; +} + +.chroma .si { + color: #cc7a00; +} + +.chroma .sr { + color: #4c4dbc; +} + +.chroma .ss { + color: #940; +} + +.chroma .sx { + color: #106303; +} + +.chroma .vc, +.chroma .vg, +.chroma .vi { + color: teal; +} + +.chroma .w { + color: #bbb; +} + +.markup [src$="#gh-dark-mode-only"], +.markup [src$="#dark-mode-only"], +.markup [href$="#gh-dark-mode-only"], +.markup [href$="#dark-mode-only"] { + display: none; +} + +:root { + --steel-900: #10161d; + --steel-850: #131a21; + --steel-800: #171e26; + --steel-750: #1d262f; + --steel-700: #242d38; + --steel-650: #2b3642; + --steel-600: #374351; + --steel-550: #445161; + --steel-500: #515f70; + --steel-450: #5f6e80; + --steel-400: #6d7d8f; + --steel-350: #7c8c9f; + --steel-300: #8c9caf; + --steel-250: #9dadc0; + --steel-200: #aebed0; + --steel-150: #c0cfe0; + --steel-100: #d2e0f0; + --zinc-50: #fafafa; + --zinc-100: #f4f4f5; + --zinc-150: #ececee; + --zinc-200: #e4e4e7; + --zinc-250: #dcdce0; + --zinc-300: #d4d4d8; + --zinc-350: #babac1; + --zinc-400: #a1a1aa; + --zinc-450: #898992; + --zinc-500: #71717a; + --zinc-550: #61616a; + --zinc-600: #52525b; + --zinc-650: #484850; + --zinc-700: #3f3f46; + --zinc-750: #333338; + --zinc-800: #27272a; + --zinc-850: #1f1f23; + --zinc-900: #18181b; + --color-primary: #4a69ae; + --color-primary-contrast: #ffffff; + --color-primary-dark-1: #3b548c; + --color-primary-dark-2: #2d406a; + --color-primary-dark-3: #9a3412; + --color-primary-dark-4: #7c2d12; + --color-primary-dark-5: #7c2d12; + --color-primary-dark-6: #7c2d12; + --color-primary-dark-7: #7c2d12; + --color-primary-light-1: #6b87c8; + --color-primary-light-2: #8ca3d6; + --color-primary-light-3: #fb923c; + --color-primary-light-4: #fdba74; + --color-primary-light-5: #fed7aa; + --color-primary-light-6: #ffedd5; + --color-primary-light-7: #fff7ed; + --color-primary-alpha-10: #c2410c19; + --color-primary-alpha-20: #c2410c33; + --color-primary-alpha-30: #c2410c4b; + --color-primary-alpha-40: #c2410c66; + --color-primary-alpha-50: #c2410c80; + --color-primary-alpha-60: #c2410c99; + --color-primary-alpha-70: #c2410cb3; + --color-primary-alpha-80: #c2410ccc; + --color-primary-alpha-90: #c2410ce1; + --color-primary-hover: #3b548c; + --color-primary-active: #2d406a; + --color-secondary: #e2e8f0; + --color-secondary-dark-1: var(--zinc-200); + --color-secondary-dark-2: var(--zinc-300); + --color-secondary-dark-3: var(--zinc-300); + --color-secondary-dark-4: var(--zinc-400); + --color-secondary-dark-5: var(--zinc-400); + --color-secondary-dark-6: var(--zinc-500); + --color-secondary-dark-7: var(--zinc-500); + --color-secondary-dark-8: var(--zinc-600); + --color-secondary-dark-9: var(--zinc-600); + --color-secondary-dark-10: var(--zinc-700); + --color-secondary-dark-11: var(--zinc-700); + --color-secondary-dark-12: var(--zinc-800); + --color-secondary-dark-13: var(--zinc-800); + --color-secondary-light-1: var(--zinc-200); + --color-secondary-light-2: var(--zinc-100); + --color-secondary-light-3: var(--zinc-100); + --color-secondary-light-4: var(--zinc-50); + --color-secondary-alpha-10: #d4d4d819; + --color-secondary-alpha-20: #d4d4d833; + --color-secondary-alpha-30: #d4d4d84b; + --color-secondary-alpha-40: #d4d4d866; + --color-secondary-alpha-50: #d4d4d880; + --color-secondary-alpha-60: #d4d4d899; + --color-secondary-alpha-70: #d4d4d8b3; + --color-secondary-alpha-80: #d4d4d8cc; + --color-secondary-alpha-90: #d4d4d8e1; + --color-secondary-hover: var(--color-secondary-dark-2); + --color-secondary-active: var(--color-secondary-dark-4); + --color-console-fg: #eeeff2; + --color-console-fg-subtle: #959cab; + --color-console-bg: #1f212b; + --color-console-border: #383c47; + --color-console-hover-bg: #ffffff16; + --color-console-active-bg: #454a57; + --color-console-menu-bg: #383c47; + --color-console-menu-border: #5c6374; + --color-red: #dc2626; + --color-orange: #ea580c; + --color-yellow: #ca8a04; + --color-olive: #91a313; + --color-green: #15803d; + --color-teal: #0d9488; + --color-blue: #2563eb; + --color-violet: #7c3aed; + --color-purple: #9333ea; + --color-pink: #db2777; + --color-brown: #a47252; + --color-grey: #4b5563; + --color-black: #000000; + --color-red-light: #ef4444; + --color-orange-light: #f97316; + --color-yellow-light: #eab308; + --color-olive-light: #839311; + --color-green-light: #16a34a; + --color-teal-light: #14b8a6; + --color-blue-light: #3b82f6; + --color-violet-light: #8b5cf6; + --color-purple-light: #a855f7; + --color-pink-light: #ec4899; + --color-brown-light: #94674a; + --color-grey-light: #6b7280; + --color-black-light: #181818; + --color-red-dark-1: #c82020; + --color-orange-dark-1: #d34f0b; + --color-yellow-dark-1: #b67c04; + --color-olive-dark-1: #839311; + --color-green-dark-1: #137337; + --color-teal-dark-1: #0c857a; + --color-blue-dark-1: #1554e0; + --color-violet-dark-1: #6a1feb; + --color-purple-dark-1: #8519e7; + --color-pink-dark-1: #c7216b; + --color-brown-dark-1: #94674a; + --color-black-dark-1: #000000; + --color-red-dark-2: #b21d1d; + --color-orange-dark-2: #bb460a; + --color-yellow-dark-2: #a26e03; + --color-olive-dark-2: #74820f; + --color-green-dark-2: #116631; + --color-teal-dark-2: #0a766d; + --color-blue-dark-2: #124bc7; + --color-violet-dark-2: #5c14d8; + --color-purple-dark-2: #7715cf; + --color-pink-dark-2: #b11d5f; + --color-brown-dark-2: #835b42; + --color-black-dark-2: #000000; + --color-ansi-black: #1f2326; + --color-ansi-red: #cc4848; + --color-ansi-green: #87ab63; + --color-ansi-yellow: #cc9903; + --color-ansi-blue: #3a8ac6; + --color-ansi-magenta: #d22e8b; + --color-ansi-cyan: #00918a; + --color-ansi-white: var(--color-console-fg-subtle); + --color-ansi-bright-black: #46494d; + --color-ansi-bright-red: #d15a5a; + --color-ansi-bright-green: #93b373; + --color-ansi-bright-yellow: #eaaf03; + --color-ansi-bright-blue: #4e96cc; + --color-ansi-bright-magenta: #d74397; + --color-ansi-bright-cyan: #00b6ad; + --color-ansi-bright-white: var(--color-console-fg); + --color-gold: #b1983b; + --color-white: #ffffff; + --color-diff-removed-word-bg: #fca5a5; + --color-diff-added-word-bg: #86efac; + --color-diff-removed-row-bg: #fee2e2; + --color-diff-moved-row-bg: #fef9c3; + --color-diff-added-row-bg: #dcfce7; + --color-diff-removed-row-border: #fca5a5; + --color-diff-moved-row-border: #fde047; + --color-diff-added-row-border: #86efac; + --color-diff-inactive: var(--zinc-100); + --color-error-border: #fecaca; + --color-error-bg: #fee2e2; + --color-error-bg-active: #fca5a5; + --color-error-bg-hover: #fecaca; + --color-error-text: #7f1d1d; + --color-success-border: #bbf7d0; + --color-success-bg: #dcfce7; + --color-success-text: #14532d; + --color-warning-border: #fde047; + --color-warning-bg: #fef3c7; + --color-warning-text: #78350f; + --color-info-border: #bae6fd; + --color-info-bg: #e0f2fe; + --color-info-text: #0c4a6e; + --color-red-badge: #b91c1c; + --color-red-badge-bg: #b91c1c22; + --color-red-badge-hover-bg: #b91c1c44; + --color-green-badge: #16a34a; + --color-green-badge-bg: #16a34a22; + --color-green-badge-hover-bg: #16a34a44; + --color-yellow-badge: #ca8a04; + --color-yellow-badge-bg: #ca8a0422; + --color-yellow-badge-hover-bg: #ca8a0444; + --color-orange-badge: #ea580c; + --color-orange-badge-bg: #ea580c22; + --color-orange-badge-hover-bg: #ea580c44; + --color-git: #f05133; + --color-icon-green: var(--color-green-light); + --color-icon-red: var(--color-red-light); + --color-icon-purple: var(--color-purple-light); + --color-body: #f8fafc; + --color-box-header: #f1f5f9; + --color-box-body: #ffffff; + --color-box-body-highlight: #f8fafc; + --color-text-dark: #0f172a; + --color-text: #0f172a; + --color-text-light: #334155; + --color-text-light-1: #334155; + --color-text-light-2: #475569; + --color-text-light-3: #64748b; + --color-footer: #f1f5f9; + --color-timeline: #e2e8f0; + --color-input-text: #0f172a; + --color-input-background: #ffffff; + --color-input-toggle-background: #fff; + --color-input-border: #cbd5e1; + --color-input-border-hover: #4a69ae; + --color-header-wrapper: #ffffff; + --color-header-wrapper-transparent: #d2e0f000; + --color-light: #ffffffcc; + --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-border: #0000001d; + --color-hover: #e4e4e4aa; + --color-active: #d4d4d8aa; + --color-menu: #ffffff; + --color-card: #ffffff; + --color-markup-table-row: #ffffff06; + --color-markup-code-block: #f8fafc; + --color-markup-code-inline: var(--zinc-200); + --color-button: #f1f5f9; + --color-code-bg: #f8fafc; + --color-shadow: #00000060; + --color-secondary-bg: #f1f5f9; + --color-text-focus: #fff; + --color-expand-button: var(--zinc-200); + --color-placeholder-text: var(--color-text-light-3); + --color-editor-line-highlight: var(--zinc-100); + --color-project-board-bg: var(--color-secondary-light-2); + --color-project-board-dark-label: var(--color-text-light-3); + --color-caret: var(--color-text); + --color-reaction-bg: #0000000a; + --color-reaction-active-bg: var(--color-primary-alpha-20); + --color-reaction-hover-bg: var(--color-primary-alpha-30); + --color-tooltip-text: #ffffff; + --color-tooltip-bg: #000000f0; + --color-nav-bg: #ffffff; + --color-nav-hover-bg: #f1f5f9; + --color-nav-text: #0f172a; + --color-secondary-nav-bg: var(--color-body); + --color-label-text: var(--color-text); + --color-label-bg: #cacaca7b; + --color-label-hover-bg: #cacacaa0; + --color-label-active-bg: #cacacaff; + --color-label-bg-alt: #cacacaff; + --color-accent: #4a69ae; + --color-small-accent: var(--color-primary-light-5); + --color-highlight-fg: var(--color-primary-light-4); + --color-highlight-bg: var(--color-primary-light-6); + --color-overlay-backdrop: #080808c0; + --checkerboard-color-1: #ffffff; + --checkerboard-color-2: #e5e5e5; + accent-color: var(--color-accent); + color-scheme: light; +} + +.ui.secondary.vertical.menu { + border-radius: .28571429rem!important; + overflow: hidden; +} + +.ui.basic.primary.button.item { + background-color: var(--color-active)!important; + color: var(--color-text)!important; + box-shadow: none!important; +} + +.ui.red.label.notification_count, +.ui.primary.labels .label { + background-color: var(--color-primary-dark-1)!important; +} + +.repository.view.issue .comment-list .code-comment+.code-comment { + margin: 1.25rem 0!important; + padding-top: 1.25rem!important; + border-top-color: var(--zinc-250)!important; +} + +.ui.labeled.icon.buttons>.button>.icon, +.ui.labeled.icon.button>.icon { + background-color: var(--color-shadow)!important; +} + +#review-box .review-comments-counter { + background-color: var(--color-label-bg)!important; + margin-left: .5em; +} + +.ui.basic.labels .primary.label, +.ui.ui.ui.basic.primary.label { + color: var(--color-text-dark)!important; +} + +.ui.basic.yellow.label.pending-label { + background: var(--color-warning-bg)!important; + color: var(--color-warning-text)!important; + border-color: var(--color-yellow-light)!important; +} + +::selection { + background: var(--steel-450)!important; + color: var(--color-white)!important; +} /* Navbar Brand Logo Size Enhancement */ .ui.navbar .brand img, @@ -147,6 +770,7 @@ html[data-theme="openlatdev-brand-light"] .ui.navbar .hamburger { border: 1px solid #e2e8f0 !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important; } + } /* Mobile Navbar & Hamburger Menu Legibility Fix - Dark Theme */ @@ -167,15 +791,18 @@ html[data-theme="openlatdev-brand-dark"] .ui.navbar .hamburger { background-color: #ffffff !important; border-bottom: 1px solid #e2e8f0 !important; } + :root:not([data-theme="openlatdev-brand-dark"]) .ui.navbar .item, :root:not([data-theme="openlatdev-brand-dark"]) .ui.navbar a { color: #0f172a !important; } + :root:not([data-theme="openlatdev-brand-dark"]) .ui.navbar svg, :root:not([data-theme="openlatdev-brand-dark"]) .ui.navbar .hamburger { fill: #0f172a !important; color: #0f172a !important; } + } @media (prefers-color-scheme: dark) { @@ -184,6 +811,7 @@ html[data-theme="openlatdev-brand-dark"] .ui.navbar .hamburger { fill: #ffffff !important; color: #ffffff !important; } + } /* Mobile Sidebar Panel & Sidebar Toggle Icon Contrast Fix */ @@ -250,16 +878,19 @@ body[data-theme="openlatdev-brand-dark"] button.sidebar-toggle svg { background-color: #ffffff !important; color: #0f172a !important; } + :root:not([data-theme="openlatdev-brand-dark"]) .ui.sidebar .item, :root:not([data-theme="openlatdev-brand-dark"]) .ui.sidebar a { color: #0f172a !important; } + :root:not([data-theme="openlatdev-brand-dark"]) .ui.sidebar svg, :root:not([data-theme="openlatdev-brand-dark"]) svg.octicon-sidebar, :root:not([data-theme="openlatdev-brand-dark"]) .sidebar-toggle svg { fill: #0f172a !important; color: #0f172a !important; } + } @media (prefers-color-scheme: dark) { @@ -267,94 +898,144 @@ body[data-theme="openlatdev-brand-dark"] button.sidebar-toggle svg { background-color: #12171e !important; color: #f1f5f9 !important; } + :root:not([data-theme="openlatdev-brand-light"]) .ui.sidebar svg, :root:not([data-theme="openlatdev-brand-light"]) svg.octicon-sidebar, :root:not([data-theme="openlatdev-brand-light"]) .sidebar-toggle svg { fill: #ffffff !important; color: #ffffff !important; } + } -/* Nuclear Mobile Navbar & Sidebar Toggle White Icon Fix */ +/* Mobile Navbar & Sidebar Icon Colors - Light Theme */ @media only screen and (max-width: 1200px) { .ui.navbar svg, .ui.navbar svg *, .ui.navbar .svg, .ui.navbar .hamburger, - .ui.navbar .hamburger *, .ui.navbar .toggle, - .ui.navbar .toggle *, .ui.navbar .toc, - .ui.navbar .toc *, .ui.navbar button, - .ui.navbar button *, - .ui.menu .toc.item, - .ui.menu .toc.item *, .mobile-only svg, - .mobile-only svg *, #navbar svg, - #navbar svg *, - .ui.sidebar svg, - .ui.sidebar svg * { - fill: #ffffff !important; - color: #ffffff !important; + .ui.sidebar svg { + fill: #0f172a !important; + color: #0f172a !important; } + } -@media only screen and (max-width: 768px) { - .ui.navbar, - #navbar { - background-color: #12171e !important; - } - .ui.navbar svg, - .ui.navbar svg *, - .ui.navbar .svg, - .ui.navbar .hamburger, - .ui.navbar .hamburger *, - .ui.navbar .toggle, - .ui.navbar .toggle *, - .ui.navbar .toc, - .ui.navbar .toc *, - .ui.navbar button, - .ui.navbar button *, - .ui.menu .toc.item, - .ui.menu .toc.item *, - .mobile-only svg, - .mobile-only svg *, - #navbar svg, - #navbar svg *, - .ui.sidebar svg, - .ui.sidebar svg * { - fill: #ffffff !important; - color: #ffffff !important; - } + +/* ========================================================================== + JetBrains Mono Code Editor & Monospace Typography Enhancement + ========================================================================== */ +.CodeMirror, +.CodeMirror-lines, +.CodeMirror pre.CodeMirror-line, +.CodeMirror pre.CodeMirror-line-like, +.cm-editor, +.cm-content, +.cm-line, +textarea.editor, +#edit-area, +.editor-loading-placeholder, +.file-view table.code-view, +.code-view, +.lines-code, +.lines-num, +.diff-file-box .code-view, +.tag-code-view, +.monospaced, +pre, +code, +.markup pre, +.markup code, +.chroma { + font-family: 'JetBrains Mono', 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', 'Fira Code', 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !important; + font-size: 14.5px !important; + line-height: 1.6 !important; } -@media only screen and (max-width: 480px) { - .ui.navbar, - #navbar { - background-color: #12171e !important; - } - .ui.navbar svg, - .ui.navbar svg *, - .ui.navbar .svg, - .ui.navbar .hamburger, - .ui.navbar .hamburger *, - .ui.navbar .toggle, - .ui.navbar .toggle *, - .ui.navbar .toc, - .ui.navbar .toc *, - .ui.navbar button, - .ui.navbar button *, - .ui.menu .toc.item, - .ui.menu .toc.item *, - .mobile-only svg, - .mobile-only svg *, - #navbar svg, - #navbar svg *, - .ui.sidebar svg, - .ui.sidebar svg * { - fill: #ffffff !important; - color: #ffffff !important; - } +.CodeMirror, +.cm-editor { + font-size: 14.5px !important; } + +.lines-num, +.CodeMirror-linenumber, +.cm-gutterElement { + font-family: 'JetBrains Mono', 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', monospace !important; + font-size: 13px !important; + line-height: 1.6 !important; +} + +/* Enable Font Ligatures across Code Mirror & Code View Components */ +.CodeMirror, +.CodeMirror-lines, +.CodeMirror pre.CodeMirror-line, +.CodeMirror pre.CodeMirror-line-like, +.cm-editor, +.cm-content, +.cm-line, +textarea.editor, +#edit-area, +.editor-loading-placeholder, +.file-view table.code-view, +.code-view, +.lines-code, +.diff-file-box .code-view, +.tag-code-view, +.monospaced, +pre, +code, +.markup pre, +.markup code, +.chroma { + font-variant-ligatures: normal !important; + font-feature-settings: "calt" 1, "liga" 1, "dlig" 1 !important; + text-rendering: optimizeLegibility !important; +} + +/* Universal JetBrainsMono Nerd Font & Ligatures for Code View & Chroma Syntax Highlighting */ +.file-view .code-view, +.file-view .code-view *, +.code-view, +.code-view *, +.lines-code, +.lines-code *, +.code-inner, +.code-inner *, +.chroma, +.chroma *, +.CodeMirror, +.CodeMirror *, +.cm-editor, +.cm-editor *, +textarea.editor, +#edit-area, +.editor-loading-placeholder, +.diff-file-box .code-view, +.diff-file-box .code-view *, +.tag-code-view, +.monospaced, +pre, +pre *, +code, +code * { + font-family: 'JetBrainsMono Nerd Font', 'JetBrains Mono Nerd Font', 'JetBrainsMono NF', 'JetBrains Mono', 'Fira Code', 'Roboto Mono', ui-monospace, monospace !important; + font-variant-ligatures: normal !important; + font-feature-settings: "calt" 1, "liga" 1, "dlig" 1, "clig" 1 !important; + text-rendering: optimizeLegibility !important; + letter-spacing: normal !important; +} + +.code-inner, +.code-inner span, +.lines-code span, +.chroma span { + font-size: 14.5px !important; + line-height: 1.6 !important; + font-variant-ligatures: normal !important; + font-feature-settings: "calt" 1, "liga" 1, "dlig" 1, "clig" 1 !important; +} \ No newline at end of file