360 lines
25 KiB
CSS
360 lines
25 KiB
CSS
/* 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)}
|
|
|
|
/* Navbar Brand Logo Size Enhancement */
|
|
.ui.navbar .brand img,
|
|
.ui.navbar img.image,
|
|
.ui.menu .item > img,
|
|
.navbar .brand img,
|
|
img.logo,
|
|
.ui.mini.image {
|
|
height: 38px !important;
|
|
max-height: 40px !important;
|
|
width: auto !important;
|
|
object-fit: contain !important;
|
|
}
|
|
|
|
/* Universal Button Legibility & Octicon Icon Color Fix */
|
|
.ui.button svg.octicon,
|
|
.ui.button i.icon {
|
|
fill: currentColor !important;
|
|
color: inherit !important;
|
|
vertical-align: text-bottom !important;
|
|
margin-right: 0.5rem !important;
|
|
}
|
|
|
|
.ui.primary.button {
|
|
background-color: #4a69ae !important;
|
|
color: #ffffff !important;
|
|
border: 1px solid #4a69ae !important;
|
|
border-radius: 8px !important;
|
|
font-weight: 600 !important;
|
|
box-shadow: 0 4px 12px rgba(74, 105, 174, 0.25) !important;
|
|
}
|
|
|
|
.ui.primary.button:hover,
|
|
.ui.primary.button:focus {
|
|
background-color: #3b548c !important;
|
|
color: #ffffff !important;
|
|
border-color: #3b548c !important;
|
|
}
|
|
|
|
.ui.secondary.button {
|
|
background-color: var(--color-box-body) !important;
|
|
color: var(--color-text) !important;
|
|
border: 1px solid var(--color-border) !important;
|
|
border-radius: 8px !important;
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
.ui.secondary.button:hover,
|
|
.ui.secondary.button:focus {
|
|
background-color: var(--color-box-body-highlight) !important;
|
|
color: var(--color-primary) !important;
|
|
border-color: var(--color-primary) !important;
|
|
}
|
|
|
|
/* Ultra-High Specificity Primary & Secondary Button Octicon Color Overrides */
|
|
.ui.primary.button svg,
|
|
.ui.primary.button svg.octicon,
|
|
.ui.primary.button svg.octicon-person,
|
|
.ui.primary.button * {
|
|
fill: #ffffff !important;
|
|
color: #ffffff !important;
|
|
stroke: none !important;
|
|
}
|
|
|
|
.ui.primary.button:hover svg,
|
|
.ui.primary.button:hover svg.octicon,
|
|
.ui.primary.button:hover * {
|
|
fill: #ffffff !important;
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.ui.secondary.button svg,
|
|
.ui.secondary.button svg.octicon,
|
|
.ui.secondary.button svg.octicon-repo {
|
|
fill: var(--color-text) !important;
|
|
color: var(--color-text) !important;
|
|
}
|
|
|
|
/* Massive Hero Macaw Mascot Logo Override */
|
|
img.home-hero-logo,
|
|
.page-content.home img.home-hero-logo,
|
|
.page-content.home .logo.home-hero-logo {
|
|
width: 480px !important;
|
|
height: 480px !important;
|
|
max-width: 90vw !important;
|
|
max-height: 50vh !important;
|
|
object-fit: contain !important;
|
|
margin: 0 auto 2rem auto !important;
|
|
display: block !important;
|
|
filter: drop-shadow(0 15px 35px rgba(74, 105, 174, 0.35)) !important;
|
|
}
|
|
|
|
/* Proportional Pillar Header Icon Size Fix */
|
|
.page-content.home h2.ui.header svg,
|
|
.page-content.home h2.ui.header svg.octicon {
|
|
width: 32px !important;
|
|
height: 32px !important;
|
|
min-width: 32px !important;
|
|
min-height: 32px !important;
|
|
fill: var(--color-primary) !important;
|
|
color: var(--color-primary) !important;
|
|
}
|
|
|
|
/* Mobile Navbar & Hamburger Menu Legibility Fix - Light Theme */
|
|
body[data-theme="openlatdev-brand-light"] .ui.navbar,
|
|
html[data-theme="openlatdev-brand-light"] .ui.navbar,
|
|
.theme-openlatdev-brand-light .ui.navbar,
|
|
:root[data-theme="openlatdev-brand-light"] .ui.navbar {
|
|
background-color: #ffffff !important;
|
|
border-bottom: 1px solid #e2e8f0 !important;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
|
|
}
|
|
|
|
body[data-theme="openlatdev-brand-light"] .ui.navbar .item,
|
|
body[data-theme="openlatdev-brand-light"] .ui.navbar a,
|
|
html[data-theme="openlatdev-brand-light"] .ui.navbar .item,
|
|
html[data-theme="openlatdev-brand-light"] .ui.navbar a {
|
|
color: #0f172a !important;
|
|
}
|
|
|
|
body[data-theme="openlatdev-brand-light"] .ui.navbar .item:hover,
|
|
body[data-theme="openlatdev-brand-light"] .ui.navbar a:hover,
|
|
body[data-theme="openlatdev-brand-light"] .ui.navbar .item.active {
|
|
color: #4a69ae !important;
|
|
}
|
|
|
|
/* Hamburger & Toggle Icons on Mobile - Light Theme */
|
|
body[data-theme="openlatdev-brand-light"] .ui.navbar svg,
|
|
body[data-theme="openlatdev-brand-light"] .ui.navbar svg.octicon,
|
|
body[data-theme="openlatdev-brand-light"] .ui.navbar .hamburger,
|
|
body[data-theme="openlatdev-brand-light"] .ui.navbar .toggle,
|
|
body[data-theme="openlatdev-brand-light"] .ui.navbar button svg,
|
|
html[data-theme="openlatdev-brand-light"] .ui.navbar svg,
|
|
html[data-theme="openlatdev-brand-light"] .ui.navbar .hamburger {
|
|
fill: #0f172a !important;
|
|
color: #0f172a !important;
|
|
}
|
|
|
|
/* Mobile Stackable / Dropdown Menu in Light Theme */
|
|
@media only screen and (max-width: 767.98px) {
|
|
body[data-theme="openlatdev-brand-light"] .ui.navbar .menu,
|
|
body[data-theme="openlatdev-brand-light"] .ui.navbar .stackable.menu,
|
|
body[data-theme="openlatdev-brand-light"] .ui.navbar .right.stackable.menu {
|
|
background-color: #ffffff !important;
|
|
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 */
|
|
body[data-theme="openlatdev-brand-dark"] .ui.navbar svg,
|
|
body[data-theme="openlatdev-brand-dark"] .ui.navbar svg.octicon,
|
|
body[data-theme="openlatdev-brand-dark"] .ui.navbar .hamburger,
|
|
body[data-theme="openlatdev-brand-dark"] .ui.navbar .toggle,
|
|
body[data-theme="openlatdev-brand-dark"] .ui.navbar button svg,
|
|
html[data-theme="openlatdev-brand-dark"] .ui.navbar svg,
|
|
html[data-theme="openlatdev-brand-dark"] .ui.navbar .hamburger {
|
|
fill: #ffffff !important;
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
/* Dynamic Auto Theme Mobile Navbar Rules */
|
|
@media (prefers-color-scheme: light) {
|
|
:root:not([data-theme="openlatdev-brand-dark"]) .ui.navbar {
|
|
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) {
|
|
:root:not([data-theme="openlatdev-brand-light"]) .ui.navbar svg,
|
|
:root:not([data-theme="openlatdev-brand-light"]) .ui.navbar .hamburger {
|
|
fill: #ffffff !important;
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
|
|
/* Mobile Sidebar Panel & Sidebar Toggle Icon Contrast Fix */
|
|
|
|
/* Light Theme Sidebar & Sidebar Icons */
|
|
body[data-theme="openlatdev-brand-light"] .ui.sidebar,
|
|
html[data-theme="openlatdev-brand-light"] .ui.sidebar,
|
|
.theme-openlatdev-brand-light .ui.sidebar,
|
|
:root[data-theme="openlatdev-brand-light"] .ui.sidebar,
|
|
body[data-theme="openlatdev-brand-light"] .ui.vertical.sidebar.menu {
|
|
background-color: #ffffff !important;
|
|
color: #0f172a !important;
|
|
border-right: 1px solid #e2e8f0 !important;
|
|
}
|
|
|
|
body[data-theme="openlatdev-brand-light"] .ui.sidebar .item,
|
|
body[data-theme="openlatdev-brand-light"] .ui.sidebar a,
|
|
html[data-theme="openlatdev-brand-light"] .ui.sidebar .item {
|
|
color: #0f172a !important;
|
|
}
|
|
|
|
/* Sidebar Toggle Buttons & SVG Icons in Light Theme */
|
|
body[data-theme="openlatdev-brand-light"] .ui.sidebar svg,
|
|
body[data-theme="openlatdev-brand-light"] .ui.sidebar svg.octicon,
|
|
body[data-theme="openlatdev-brand-light"] svg.octicon-sidebar,
|
|
body[data-theme="openlatdev-brand-light"] svg.octicon-sidebar-collapse,
|
|
body[data-theme="openlatdev-brand-light"] svg.octicon-sidebar-expand,
|
|
body[data-theme="openlatdev-brand-light"] .sidebar-toggle svg,
|
|
body[data-theme="openlatdev-brand-light"] button.sidebar-toggle svg,
|
|
html[data-theme="openlatdev-brand-light"] svg.octicon-sidebar {
|
|
fill: #0f172a !important;
|
|
color: #0f172a !important;
|
|
}
|
|
|
|
/* Dark Theme Sidebar & Sidebar Icons */
|
|
body[data-theme="openlatdev-brand-dark"] .ui.sidebar,
|
|
html[data-theme="openlatdev-brand-dark"] .ui.sidebar,
|
|
.theme-openlatdev-brand-dark .ui.sidebar,
|
|
:root[data-theme="openlatdev-brand-dark"] .ui.sidebar,
|
|
body[data-theme="openlatdev-brand-dark"] .ui.vertical.sidebar.menu {
|
|
background-color: #12171e !important;
|
|
color: #f1f5f9 !important;
|
|
}
|
|
|
|
body[data-theme="openlatdev-brand-dark"] .ui.sidebar .item,
|
|
body[data-theme="openlatdev-brand-dark"] .ui.sidebar a {
|
|
color: #f1f5f9 !important;
|
|
}
|
|
|
|
body[data-theme="openlatdev-brand-dark"] .ui.sidebar svg,
|
|
body[data-theme="openlatdev-brand-dark"] .ui.sidebar svg.octicon,
|
|
body[data-theme="openlatdev-brand-dark"] svg.octicon-sidebar,
|
|
body[data-theme="openlatdev-brand-dark"] svg.octicon-sidebar-collapse,
|
|
body[data-theme="openlatdev-brand-dark"] svg.octicon-sidebar-expand,
|
|
body[data-theme="openlatdev-brand-dark"] .sidebar-toggle svg,
|
|
body[data-theme="openlatdev-brand-dark"] button.sidebar-toggle svg {
|
|
fill: #ffffff !important;
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
/* Dynamic Auto Theme Sidebar Media Queries */
|
|
@media (prefers-color-scheme: light) {
|
|
:root:not([data-theme="openlatdev-brand-dark"]) .ui.sidebar {
|
|
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) {
|
|
:root:not([data-theme="openlatdev-brand-light"]) .ui.sidebar {
|
|
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) {
|
|
.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;
|
|
}
|
|
}
|
|
|
|
@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;
|
|
}
|
|
}
|
|
|
|
@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;
|
|
}
|
|
}
|