378 lines
10 KiB
CSS
378 lines
10 KiB
CSS
: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;
|
|
}
|