:root { --is-dark-theme: true; --color-primary: hsl(180, 42%, 70%); --color-primary-contrast: #0f0f0f; --color-primary-dark-1: hsl(180, 42%, 70%); --color-primary-dark-2: #9fd7d7; --color-primary-dark-3: #acdbdb; --color-primary-dark-4: #b8e0e0; --color-primary-dark-5: #c5e4e4; --color-primary-dark-6: #d1e9e9; --color-primary-dark-7: hsl(180, 30%, 90%); --color-primary-light-1: hsl(180, 42%, 70%); --color-primary-light-2: #80b5b5; --color-primary-light-3: #6e9898; --color-primary-light-4: #5b7b7b; --color-primary-light-5: #495e5e; --color-primary-light-6: #364141; --color-primary-light-7: #242424; --color-primary-alpha-10: hsla(180, 42%, 70%, 0.1); --color-primary-alpha-20: hsla(180, 42%, 70%, 0.2); --color-primary-alpha-30: hsla(180, 42%, 70%, 0.3); --color-primary-alpha-40: hsla(180, 42%, 70%, 0.4); --color-primary-alpha-50: hsla(180, 42%, 70%, 0.5); --color-primary-alpha-60: hsla(180, 42%, 70%, 0.6); --color-primary-alpha-70: hsla(180, 42%, 70%, 0.7); --color-primary-alpha-80: hsla(180, 42%, 70%, 0.8); --color-primary-alpha-90: hsla(180, 42%, 70%, 0.9); --color-secondary: #333333; --color-secondary-dark-1: #333333; --color-secondary-dark-2: #414242; --color-secondary-dark-3: #505252; --color-secondary-dark-4: #5e6262; --color-secondary-dark-5: #6c7171; --color-secondary-dark-6: #7a8181; --color-secondary-dark-7: #889090; --color-secondary-dark-8: #97a0a0; --color-secondary-dark-9: #a5afaf; --color-secondary-dark-10: #b3bfbf; --color-secondary-dark-11: #c1cece; --color-secondary-dark-12: #d0dede; --color-secondary-dark-13: hsl(180, 30%, 90%); --color-secondary-light-1: #333333; --color-secondary-light-2: #242424; --color-secondary-light-3: #242424; --color-secondary-light-4: #1a1a1a; --color-secondary-alpha-10: rgba(51, 51, 51, 0.1); --color-secondary-alpha-20: rgba(51, 51, 51, 0.2); --color-secondary-alpha-30: rgba(51, 51, 51, 0.3); --color-secondary-alpha-40: rgba(51, 51, 51, 0.4); --color-secondary-alpha-50: rgba(51, 51, 51, 0.5); --color-secondary-alpha-60: rgba(51, 51, 51, 0.6); --color-secondary-alpha-70: rgba(51, 51, 51, 0.7); --color-secondary-alpha-80: rgba(51, 51, 51, 0.8); --color-secondary-alpha-90: rgba(51, 51, 51, 0.9); /* colors */ --color-red: #ec7279; --color-orange: #deb974; --color-yellow: #deb974; --color-olive: #a0c980; --color-green: #a0c980; --color-teal: #5dbbc1; --color-blue: #6cb6eb; --color-violet: #d38aea; --color-purple: #d38aea; --color-pink: #d38aea; --color-brown: #deb974; --color-grey: #758094; /* light variants */ --color-red-light: #ec7279; --color-orange-light: #deb974; --color-yellow-light: #deb974; --color-olive-light: #a0c980; --color-green-light: #a0c980; --color-teal-light: #5dbbc1; --color-blue-light: #6cb6eb; --color-violet-light: #d38aea; --color-purple-light: #d38aea; --color-pink-light: #d38aea; --color-brown-light: #deb974; --color-grey-light: #758094; /* other colors */ --color-black: #242424; --color-gold: #deb974; --color-white: hsl(180, 30%, 90%); --color-diff-removed-word-bg: #824a4f; --color-diff-added-word-bg: #586d4b; --color-diff-removed-row-bg: #55393d; --color-diff-moved-row-bg: #354157; --color-diff-added-row-bg: #394634; --color-diff-removed-row-border: #a1565b; --color-diff-moved-row-border: #517ca1; --color-diff-added-row-border: #6d885a; --color-diff-inactive: #242424; --color-error-border: #a1565b; --color-error-bg: #55393d; --color-error-text: #ec7279; --color-success-border: #6d885a; --color-success-bg: #394634; --color-success-text: #a0c980; --color-warning-border: #967e52; --color-warning-bg: #4e432f; --color-warning-text: #deb974; --color-info-border: #517ca1; --color-info-bg: #354157; --color-info-text: #6cb6eb; /* target-based colors */ --color-body: #0f0f0f; --color-box-header: #242424; --color-box-body: #1a1a1a; --color-box-body-highlight: #242424; --color-text-dark: hsl(180, 30%, 90%); --color-text: hsl(180, 30%, 90%); --color-text-hover: hsla(180, 30%, 90%, 0.8); --color-text-light: hsl(180, 16%, 83%); --color-text-light-1: hsl(180, 16%, 83%); --color-text-light-2: hsl(180, 30%, 90%); --color-text-light-3: hsl(180, 30%, 90%); --color-footer: #1a1a1a; --color-timeline: #333333; --color-input-text: hsl(180, 30%, 90%); --color-input-background: #0f0f0f; --color-input-toggle-background: #1a1a1a; --color-input-border: #333333; --color-input-border-hover: #545a64; --color-navbar: #1a1a1a; --color-navbar-transparent: #1a1a1a; --color-nav-bg: #1a1a1a; --color-nav-hover-bg: #242424; --color-light: #1a1a1a; --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); --color-light-border: #333333; --color-hover: rgba(51, 51, 51, 0.5); --color-active: rgba(51, 51, 51, 0.5); --color-menu: #1a1a1a; --color-card: #1a1a1a; --color-markup-table-row: #242424; --color-markup-code-block: #0f0f0f; --color-button: #242424; --color-code-bg: #0f0f0f; --color-code-sidebar-bg: #1a1a1a; --color-shadow: #00000060; --color-secondary-bg: #1a1a1a; --color-text-focus: #fff; --color-expand-button: #242424; --color-placeholder-text: hsl(180, 16%, 83%); --color-editor-line-highlight: #1a1a1a; --color-project-board-bg: #0f0f0f; --color-project-board-light-label: hsl(180, 42%, 70%); --color-caret: var(--color-text); /* should ideally be --color-text-dark, see #15651 */ --color-reaction-bg: #ffffff12; --color-reaction-active-bg: var(--color-primary-alpha-40); --color-header-bar: #1a1a1a; --color-label-bg: #333333; --color-label-text: hsl(180, 16%, 83%); --color-label-active-bg: #333333; --color-accent: var(--color-primary-light-1); --color-small-accent: var(--color-primary-light-5); --color-active-line: #1a1a1a; --color-header-wrapper: #242424; accent-color: var(--color-accent); color-scheme: dark; } .chroma .nx { color: hsl(180, 30%, 90%); } .chroma .c, .chroma .c1, .chroma .ch, .chroma .cm, .chroma .sd { color: #758094; } .chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr { color: #ec7279; } .chroma .o, .chroma .ow { color: #d38aea; } .chroma .s, .chroma .s1, .chroma .s2, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .sh, .chroma .si, .chroma .sr, .chroma .ss, .chroma .sx, .chroma .nt, .chroma .cpf { color: #a0c980; } .chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .mo, .chroma .nl { color: #a0c980; } .chroma .kt, .chroma .nc, .chroma .nn, .chroma .nv { color: #deb974; } .chroma .nf, .chroma .nb, .chroma .na { color: #6cb6eb; } .chroma .bp, .chroma .cp, .chroma .ne, .chroma .nd, .chroma .se { color: #5dbbc1; } /* primary buttons */ .ui.primary.button, .ui.primary.buttons .button { background: hsl(180, 42%, 70%); background-color: hsl(180, 42%, 70%) !important; color: #0f0f0f; } .ui.primary.button:hover, .ui.primary.buttons .button:hover { background: hsla(180, 42%, 70%, 0.8); background-color: hsla(180, 42%, 70%, 0.8) !important; color: #0f0f0f; } .ui.grey.labels .label, .ui.ui.ui.grey.label, .ui.grey.button, .ui.grey.buttons .button { color: #0f0f0f; background-color: hsl(180, 42%, 70%); border-color: hsl(180, 42%, 70%); } .ui.grey.labels .label:hover, .ui.ui.ui.grey.label:hover, .ui.grey.button:hover, .ui.grey.buttons .button:hover { color: #0f0f0f; background-color: hsl(180, 42%, 70%); border-color: hsl(180, 42%, 70%); } /* secondary buttons */ .ui.green.buttons .button, .ui.green.button { background: hsl(180, 42%, 70%); background-color: hsl(180, 42%, 70%); color: #0f0f0f; } .ui.green.buttons .button:hover, .ui.green.button:hover { background: hsla(180, 42%, 70%, 0.8); background-color: hsla(180, 42%, 70%, 0.8); color: #0f0f0f; } /* text based buttons (purple) */ .ui.labeled.button.disabled > .button, .ui.basic.buttons .button, .ui.basic.button { color: hsl(180, 30%, 90%); } .ui.labeled.button.disabled > .button:hover, .ui.basic.buttons .button:hover, .ui.basic.button:hover { color: hsl(180, 30%, 90%); } /* repo title && header */ .repo-title { color: hsl(180, 30%, 90%); } /* star number && fork number */ .repo-buttons button[disabled] ~ .label, .repo-buttons .ui.labeled.button.disabled > .label { color: hsl(180, 42%, 70%); } .ui.basic.labels .label, .ui.basic.label { color: hsl(180, 42%, 70%); } /* hover on commits, branch, tags in project home page */ .repository .ui.segment.sub-menu .list .item a:hover, .ui.tabular.menu .item:hover { color: var(--color-text-hover); } /* commit label */ .ui.primary.labels .label, .ui.ui.ui.primary.label { color: #0f0f0f; } /* issue label */ .ui.green.labels .label, .ui.ui.ui.green.label { color: #0f0f0f; } /* grey button (rss feed button in repository home page) */ i.grey.icon.icon.icon.icon { color: #758094; } /* scroll bar */ * { scrollbar-color: hsl(180, 30%, 90%) transparent !important; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-thumb { box-shadow: inset 0 0 0 6px hsl(180, 30%, 90%) !important; border: 2px solid transparent; border-radius: 5px !important; } ::-webkit-scrollbar-thumb:window-inactive { box-shadow: inset 0 0 0 6px hsl(180, 30%, 90%) !important; } ::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 0 6px hsl(180, 30%, 90%) !important; } ::-webkit-scrollbar-corner { background: transparent; } /* red buttons */ .ui.red.labels .label, .ui.ui.ui.red.label, .ui.red.button, .ui.red.buttons .button { background: #ec7279; background-color: #ec7279; color: #0f0f0f; } .ui.red.labels .label:hover, .ui.ui.ui.red.label:hover, .ui.red.button:hover, .ui.red.buttons .button:hover { background: rgba(236, 114, 121, 0.8); background-color: rgba(236, 114, 121, 0.8); color: #0f0f0f; } /* grey buttons */ .ui.labels a.label, a.ui.label { background-color: #1a1a1a; } .ui.labels a.label:hover, a.ui.label:hover { background-color: #0f0f0f; } /* orange buttons */ .ui.orange.labels .label, .ui.ui.ui.orange.label, .ui.orange.button, .ui.orange.buttons .button { background: #deb974; background-color: #deb974; color: #0f0f0f; } .ui.orange.labels .label:hover, .ui.ui.ui.orange.label:hover, .ui.orange.button:hover, .ui.orange.buttons .button:hover { background: rgba(222, 185, 116, 0.8); background-color: rgba(222, 185, 116, 0.8); color: #0f0f0f; }