378 lines
9.8 KiB
CSS
378 lines
9.8 KiB
CSS
:root {
|
|
--is-dark-theme: true;
|
|
--color-primary: #220000;
|
|
--color-primary-contrast: #f0f0f0;
|
|
--color-primary-dark-1: #220000;
|
|
--color-primary-dark-2: #220000;
|
|
--color-primary-dark-3: #220000;
|
|
--color-primary-dark-4: #220000;
|
|
--color-primary-dark-5: #220000;
|
|
--color-primary-dark-6: #220000;
|
|
--color-primary-dark-7: #220000;
|
|
--color-primary-light-1: #220000;
|
|
--color-primary-light-2: #422525;
|
|
--color-primary-light-3: #614b4b;
|
|
--color-primary-light-4: #817070;
|
|
--color-primary-light-5: #a19595;
|
|
--color-primary-light-6: #c0bbbb;
|
|
--color-primary-light-7: #e0e0e0;
|
|
--color-primary-alpha-10: rgba(34, 0, 0, 0.1);
|
|
--color-primary-alpha-20: rgba(34, 0, 0, 0.2);
|
|
--color-primary-alpha-30: rgba(34, 0, 0, 0.3);
|
|
--color-primary-alpha-40: rgba(34, 0, 0, 0.4);
|
|
--color-primary-alpha-50: rgba(34, 0, 0, 0.5);
|
|
--color-primary-alpha-60: rgba(34, 0, 0, 0.6);
|
|
--color-primary-alpha-70: rgba(34, 0, 0, 0.7);
|
|
--color-primary-alpha-80: rgba(34, 0, 0, 0.8);
|
|
--color-primary-alpha-90: rgba(34, 0, 0, 0.9);
|
|
--color-secondary: #d6d6d6;
|
|
--color-secondary-dark-1: #d6d6d6;
|
|
--color-secondary-dark-2: #c7c4c4;
|
|
--color-secondary-dark-3: #b8b2b2;
|
|
--color-secondary-dark-4: #a9a1a1;
|
|
--color-secondary-dark-5: #9a8f8f;
|
|
--color-secondary-dark-6: #8b7d7d;
|
|
--color-secondary-dark-7: #7c6b6b;
|
|
--color-secondary-dark-8: #6d5959;
|
|
--color-secondary-dark-9: #5e4747;
|
|
--color-secondary-dark-10: #4f3636;
|
|
--color-secondary-dark-11: #402424;
|
|
--color-secondary-dark-12: #311212;
|
|
--color-secondary-dark-13: #220000;
|
|
--color-secondary-light-1: #d6d6d6;
|
|
--color-secondary-light-2: #e0e0e0;
|
|
--color-secondary-light-3: #e0e0e0;
|
|
--color-secondary-light-4: #e6e6e6;
|
|
--color-secondary-alpha-10: rgba(214, 214, 214, 0.1);
|
|
--color-secondary-alpha-20: rgba(214, 214, 214, 0.2);
|
|
--color-secondary-alpha-30: rgba(214, 214, 214, 0.3);
|
|
--color-secondary-alpha-40: rgba(214, 214, 214, 0.4);
|
|
--color-secondary-alpha-50: rgba(214, 214, 214, 0.5);
|
|
--color-secondary-alpha-60: rgba(214, 214, 214, 0.6);
|
|
--color-secondary-alpha-70: rgba(214, 214, 214, 0.7);
|
|
--color-secondary-alpha-80: rgba(214, 214, 214, 0.8);
|
|
--color-secondary-alpha-90: rgba(214, 214, 214, 0.9);
|
|
/* colors */
|
|
--color-red: #ed7379;
|
|
--color-orange: #deb873;
|
|
--color-yellow: #deb873;
|
|
--color-olive: #a1c982;
|
|
--color-green: #a1c982;
|
|
--color-teal: #5cbbc2;
|
|
--color-blue: #6cb6eb;
|
|
--color-violet: #d38aea;
|
|
--color-purple: #d38aea;
|
|
--color-pink: #d38aea;
|
|
--color-brown: #deb873;
|
|
--color-grey: #758094;
|
|
/* light variants */
|
|
--color-red-light: #ed7379;
|
|
--color-orange-light: #deb873;
|
|
--color-yellow-light: #deb873;
|
|
--color-olive-light: #a1c982;
|
|
--color-green-light: #a1c982;
|
|
--color-teal-light: #5cbbc2;
|
|
--color-blue-light: #6cb6eb;
|
|
--color-violet-light: #d38aea;
|
|
--color-purple-light: #d38aea;
|
|
--color-pink-light: #d38aea;
|
|
--color-brown-light: #deb873;
|
|
--color-grey-light: #758094;
|
|
/* other colors */
|
|
--color-black: #e0e0e0;
|
|
--color-gold: #deb873;
|
|
--color-white: #f0f0f0;
|
|
--color-diff-removed-word-bg: #834a4f;
|
|
--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: #6d885b;
|
|
--color-diff-inactive: #e0e0e0;
|
|
--color-error-border: #a1565b;
|
|
--color-error-bg: #55393d;
|
|
--color-error-text: #ed7379;
|
|
--color-success-border: #6d885b;
|
|
--color-success-bg: #394634;
|
|
--color-success-text: #a1c982;
|
|
--color-warning-border: #967e51;
|
|
--color-warning-bg: #4e432f;
|
|
--color-warning-text: #deb873;
|
|
--color-info-border: #517ca1;
|
|
--color-info-bg: #354157;
|
|
--color-info-text: #6cb6eb;
|
|
/* target-based colors */
|
|
--color-body: #f0f0f0;
|
|
--color-box-header: #e0e0e0;
|
|
--color-box-body: #e6e6e6;
|
|
--color-box-body-highlight: #e0e0e0;
|
|
--color-text-dark: #441100;
|
|
--color-text: #220000;
|
|
--color-text-hover: rgba(34, 0, 0, 0.8);
|
|
--color-text-light: #441100;
|
|
--color-text-light-1: #441100;
|
|
--color-text-light-2: #441100;
|
|
--color-text-light-3: #441100;
|
|
--color-footer: #e6e6e6;
|
|
--color-timeline: #d6d6d6;
|
|
--color-input-text: #220000;
|
|
--color-input-background: #f0f0f0;
|
|
--color-input-toggle-background: #e6e6e6;
|
|
--color-input-border: #d6d6d6;
|
|
--color-input-border-hover: #a6abb5;
|
|
--color-navbar: #e6e6e6;
|
|
--color-navbar-transparent: #e6e6e6;
|
|
--color-nav-bg: #e6e6e6;
|
|
--color-nav-hover-bg: #e0e0e0;
|
|
--color-light: #e6e6e6;
|
|
--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
|
|
--color-light-border: #d6d6d6;
|
|
--color-hover: rgba(214, 214, 214, 0.5);
|
|
--color-active: rgba(214, 214, 214, 0.5);
|
|
--color-menu: #e6e6e6;
|
|
--color-card: #e6e6e6;
|
|
--color-markup-table-row: #e0e0e0;
|
|
--color-markup-code-block: #f0f0f0;
|
|
--color-button: #e0e0e0;
|
|
--color-code-bg: #f0f0f0;
|
|
--color-code-sidebar-bg: #e6e6e6;
|
|
--color-shadow: #00000060;
|
|
--color-secondary-bg: #e6e6e6;
|
|
--color-text-focus: #fff;
|
|
--color-expand-button: #e0e0e0;
|
|
--color-placeholder-text: #441100;
|
|
--color-editor-line-highlight: #e6e6e6;
|
|
--color-project-board-bg: #f0f0f0;
|
|
--color-project-board-light-label: #220000;
|
|
--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: #e6e6e6;
|
|
--color-label-bg: #d6d6d6;
|
|
--color-label-text: #441100;
|
|
--color-label-active-bg: #d6d6d6;
|
|
--color-accent: var(--color-primary-light-1);
|
|
--color-small-accent: var(--color-primary-light-5);
|
|
--color-active-line: #e6e6e6;
|
|
--color-header-wrapper: #e0e0e0;
|
|
accent-color: var(--color-accent);
|
|
color-scheme: light;
|
|
}
|
|
.chroma .nx {
|
|
color: #220000;
|
|
}
|
|
.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: #ed7379;
|
|
}
|
|
.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: #a1c982;
|
|
}
|
|
.chroma .m,
|
|
.chroma .mb,
|
|
.chroma .mf,
|
|
.chroma .mh,
|
|
.chroma .mi,
|
|
.chroma .mo,
|
|
.chroma .nl {
|
|
color: #a1c982;
|
|
}
|
|
.chroma .kt,
|
|
.chroma .nc,
|
|
.chroma .nn,
|
|
.chroma .nv {
|
|
color: #deb873;
|
|
}
|
|
.chroma .nf,
|
|
.chroma .nb,
|
|
.chroma .na {
|
|
color: #6cb6eb;
|
|
}
|
|
.chroma .bp,
|
|
.chroma .cp,
|
|
.chroma .ne,
|
|
.chroma .nd,
|
|
.chroma .se {
|
|
color: #5cbbc2;
|
|
}
|
|
/* primary buttons */
|
|
.ui.primary.button,
|
|
.ui.primary.buttons .button {
|
|
background: #b40;
|
|
background-color: #b40 !important;
|
|
color: #f0f0f0;
|
|
}
|
|
.ui.primary.button:hover,
|
|
.ui.primary.buttons .button:hover {
|
|
background: rgba(187, 68, 0, 0.8);
|
|
background-color: rgba(187, 68, 0, 0.8) !important;
|
|
color: #f0f0f0;
|
|
}
|
|
.ui.grey.labels .label,
|
|
.ui.ui.ui.grey.label,
|
|
.ui.grey.button,
|
|
.ui.grey.buttons .button {
|
|
color: #f0f0f0;
|
|
background-color: #b40;
|
|
border-color: #b40;
|
|
}
|
|
.ui.grey.labels .label:hover,
|
|
.ui.ui.ui.grey.label:hover,
|
|
.ui.grey.button:hover,
|
|
.ui.grey.buttons .button:hover {
|
|
color: #f0f0f0;
|
|
background-color: #b40;
|
|
border-color: #b40;
|
|
}
|
|
/* secondary buttons */
|
|
.ui.green.buttons .button,
|
|
.ui.green.button {
|
|
background: #b40;
|
|
background-color: #b40;
|
|
color: #f0f0f0;
|
|
}
|
|
.ui.green.buttons .button:hover,
|
|
.ui.green.button:hover {
|
|
background: rgba(187, 68, 0, 0.8);
|
|
background-color: rgba(187, 68, 0, 0.8);
|
|
color: #f0f0f0;
|
|
}
|
|
/* text based buttons (purple) */
|
|
.ui.labeled.button.disabled > .button,
|
|
.ui.basic.buttons .button,
|
|
.ui.basic.button {
|
|
color: #441100;
|
|
}
|
|
.ui.labeled.button.disabled > .button:hover,
|
|
.ui.basic.buttons .button:hover,
|
|
.ui.basic.button:hover {
|
|
color: #441100;
|
|
}
|
|
/* repo title && header */
|
|
.repo-title {
|
|
color: #441100;
|
|
}
|
|
/* star number && fork number */
|
|
.repo-buttons button[disabled] ~ .label,
|
|
.repo-buttons .ui.labeled.button.disabled > .label {
|
|
color: #220000;
|
|
}
|
|
.ui.basic.labels .label,
|
|
.ui.basic.label {
|
|
color: #220000;
|
|
}
|
|
/* 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: #f0f0f0;
|
|
}
|
|
/* issue label */
|
|
.ui.green.labels .label,
|
|
.ui.ui.ui.green.label {
|
|
color: #f0f0f0;
|
|
}
|
|
/* grey button (rss feed button in repository home page) */
|
|
i.grey.icon.icon.icon.icon {
|
|
color: #758094;
|
|
}
|
|
/* scroll bar */
|
|
* {
|
|
scrollbar-color: #441100 transparent !important;
|
|
}
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
box-shadow: inset 0 0 0 6px #441100 !important;
|
|
border: 2px solid transparent;
|
|
border-radius: 5px !important;
|
|
}
|
|
::-webkit-scrollbar-thumb:window-inactive {
|
|
box-shadow: inset 0 0 0 6px #441100 !important;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
box-shadow: inset 0 0 0 6px #441100 !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: #ed7379;
|
|
background-color: #ed7379;
|
|
color: #f0f0f0;
|
|
}
|
|
.ui.red.labels .label:hover,
|
|
.ui.ui.ui.red.label:hover,
|
|
.ui.red.button:hover,
|
|
.ui.red.buttons .button:hover {
|
|
background: rgba(237, 115, 121, 0.8);
|
|
background-color: rgba(237, 115, 121, 0.8);
|
|
color: #f0f0f0;
|
|
}
|
|
/* grey buttons */
|
|
.ui.labels a.label,
|
|
a.ui.label {
|
|
background-color: #e6e6e6;
|
|
}
|
|
.ui.labels a.label:hover,
|
|
a.ui.label:hover {
|
|
background-color: #f0f0f0;
|
|
}
|
|
/* orange buttons */
|
|
.ui.orange.labels .label,
|
|
.ui.ui.ui.orange.label,
|
|
.ui.orange.button,
|
|
.ui.orange.buttons .button {
|
|
background: #deb873;
|
|
background-color: #deb873;
|
|
color: #f0f0f0;
|
|
}
|
|
.ui.orange.labels .label:hover,
|
|
.ui.ui.ui.orange.label:hover,
|
|
.ui.orange.button:hover,
|
|
.ui.orange.buttons .button:hover {
|
|
background: rgba(222, 184, 115, 0.8);
|
|
background-color: rgba(222, 184, 115, 0.8);
|
|
color: #f0f0f0;
|
|
}
|