235 lines
6.5 KiB
CSS
235 lines
6.5 KiB
CSS
:root {
|
|
--is-dark-theme: true;
|
|
|
|
--color-body: hsl(240, 21.1%, 14.9%);
|
|
--color-text: hsl(226.2, 63.9%, 88%);
|
|
--color-text-light: hsl(227.6, 23.6%, 71.8%);
|
|
--color-text-light-2: hsl(226.7, 35.3%, 80%);
|
|
--color-text-light-3: hsl(226.7, 35.3%, 80%);
|
|
--color-text-dark: hsl(227.6, 23.6%, 71.8%);
|
|
--color-text-dark-2: hsl(226.7, 35.3%, 80%);
|
|
--color-text-dark-3: hsl(226.7, 35.3%, 80%);
|
|
--color-secondary: hsl(234.3, 13.2%, 31.2%);
|
|
--color-caret: hsl(226.2, 63.9%, 88%);
|
|
--color-navbar: hsl(236.8, 16.2%, 22.9%);
|
|
--color-footer: hsl(236.8, 16.2%, 22.9%);
|
|
|
|
--color-red: hsl(343.3, 81.2%, 74.9%);
|
|
--color-orange: hsl(23, 92%, 75.5%);
|
|
--color-yellow: hsl(41.4, 86%, 83.1%);
|
|
--color-olive: hsl(115.5, 54.1%, 76.1%);
|
|
--color-green: hsl(115.5, 54.1%, 76.1%);
|
|
--color-teal: hsl(170, 57.4%, 73.3%);
|
|
--color-blue: hsl(217.2, 91.9%, 75.9%);
|
|
--color-violet: hsl(267.4, 83.5%, 81%);
|
|
--color-purple: hsl(267.4, 83.5%, 81%);
|
|
--color-grey: hsl(230.8, 10.7%, 47.5%);
|
|
--color-gold: hsl(41.4, 86%, 83.1%);
|
|
--color-red-light: hsl(343.3, 81.2%, 74.9%);
|
|
--color-orange-light: hsl(23, 92%, 75.5%);
|
|
--color-yellow-light: hsl(41.4, 86%, 83.1%);
|
|
--color-olive-light: hsl(115.5, 54.1%, 76.1%);
|
|
--color-green-light: hsl(115.5, 54.1%, 76.1%);
|
|
--color-teal-light: hsl(170, 57.4%, 73.3%);
|
|
--color-blue-light: hsl(217.2, 91.9%, 75.9%);
|
|
--color-violet-light: hsl(267.4, 83.5%, 81%);
|
|
--color-purple-light: hsl(267.4, 83.5%, 81%);
|
|
--color-grey-light: hsl(228.4, 16.8%, 63.7%);
|
|
--color-gold-light: hsl(41.4, 86%, 83.1%);
|
|
--color-black: hsl(240, 22.7%, 8.6%);
|
|
--color-white: hsl(226.2, 63.9%, 88%);
|
|
|
|
--color-primary: hsl(217.2, 91.9%, 75.9%);
|
|
|
|
--color-console-fg: hsl(226.2, 63.9%, 88%);
|
|
--color-console-bg: hsl(240, 21.1%, 14.9%);
|
|
|
|
--color-error-border: hsl(350.4, 65.2%, 77.5%);
|
|
--color-error-bg: hsl(230.8, 10.7%, 47.5%);
|
|
--color-error-text: hsl(226.7, 35.3%, 80%);
|
|
|
|
--color-success-border: hsl(115.5, 54.1%, 76.1%);
|
|
--color-success-bg: hsl(230.8, 10.7%, 47.5%);
|
|
--color-success-text: hsl(226.7, 35.3%, 80%);
|
|
|
|
--color-warning-border: $orange;
|
|
--color-warning-bg: hsl(229.7, 12.8%, 55.5%);
|
|
--color-warning-text: hsl(226.7, 35.3%, 80%);
|
|
|
|
--color-info-border: hsl(230.8, 10.7%, 47.5%);
|
|
--color-info-bg: hsl(236.8, 16.2%, 22.9%);
|
|
--color-info-text: hsl(226.7, 35.3%, 80%);
|
|
|
|
--color-box-header: hsl(234.3, 13.2%, 31.2%);
|
|
--color-box-body: hsl(236.8, 16.2%, 22.9%);
|
|
--color-box-body-highlight: hsl(234, 13%, 31%);
|
|
|
|
--color-markup-code-block: hsl(232.5, 12%, 39.2%);
|
|
|
|
--color-input-background: hsl(240, 21.1%, 14.9%);
|
|
--color-input-border: hsl(234.3, 13.2%, 31.2%);
|
|
--color-input-text: hsl(226.2, 63.9%, 88%);
|
|
|
|
--color-card: hsl(236.8, 16.2%, 22.9%);
|
|
|
|
--color-active: hsl(236.8, 16.2%, 22.9%);
|
|
--color-menu: hsl(234.3, 13.2%, 31.2%);
|
|
|
|
--color-button: hsl(230.8, 10.7%, 47.5%);
|
|
--color-light-border: hsl(234.3, 13.2%, 31.2%);
|
|
--color-dark-border: hsl(230.8, 10.7%, 47.5%);
|
|
|
|
--color-diff-removed-row-bg: rgba(hsl(343.3, 81.2%, 74.9%), 0.2)!important;
|
|
--color-diff-removed-row-border: rgba(hsl(343.3, 81.2%, 74.9%), 0.2)!important;
|
|
--color-diff-removed-word-bg: rgba(hsl(343.3, 81.2%, 74.9%), 0.4)!important;
|
|
|
|
--color-diff-added-row-bg: rgba(hsl(115.5, 54.1%, 76.1%), 0.2)!important;
|
|
--color-diff-added-row-border: rgba(hsl(115.5, 54.1%, 76.1%), 0.2)!important;
|
|
--color-diff-added-word-bg: rgba(hsl(115.5, 54.1%, 76.1%), 0.4)!important;
|
|
|
|
--color-diff-inactive: hsl(234.3, 13.2%, 31.2%);
|
|
|
|
--color-code-bg: hsl(236.8, 16.2%, 22.9%);
|
|
--color-expand-button: hsl(234.3, 13.2%, 31.2%);
|
|
}
|
|
|
|
|
|
body {
|
|
background-color: hsl(240, 21.1%, 14.9%);
|
|
color: hsl(226.2, 63.9%, 88%);
|
|
|
|
}
|
|
|
|
|
|
.ui.table {
|
|
color: hsl(226.2, 63.9%, 88%);
|
|
}
|
|
|
|
.repository-summary {
|
|
background-color: hsl(236.8, 16.2%, 22.9%);
|
|
}
|
|
|
|
.ui.green.button {
|
|
background-color: hsl(115.5, 54.1%, 76.1%);
|
|
color: hsl(240, 21.1%, 14.9%);
|
|
}
|
|
|
|
.ui.red.button {
|
|
background-color: hsl(343.3, 81.2%, 74.9%);
|
|
color: hsl(240, 21.1%, 14.9%);
|
|
border-color: hsl(230.8, 10.7%, 47.5%);
|
|
}
|
|
|
|
.ui.basic.red.button {
|
|
color: hsl(343.3, 81.2%, 74.9%);
|
|
}
|
|
|
|
|
|
.ui.negative.button {
|
|
background-color: hsl(343.3, 81.2%, 74.9%);
|
|
color: hsl(240, 21.1%, 14.9%);
|
|
}
|
|
|
|
.ui.basic.green.button {
|
|
color: hsl(115.5, 54.1%, 76.1%);
|
|
}
|
|
|
|
.ui.breadcrumb {
|
|
color: hsl(226.2, 63.9%, 88%);
|
|
}
|
|
|
|
.following.bar #navbar {
|
|
background-color: hsl(240, 21%, 15%)!important;
|
|
|
|
}
|
|
|
|
#navbar .item {
|
|
color: hsl(217.2, 91.9%, 75.9%);
|
|
}
|
|
|
|
.default-link.muted, .time-since {
|
|
color: var(--color-text);
|
|
}
|
|
|
|
|
|
* {
|
|
caret-color: hsl(226.2, 63.9%, 88%);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.ui.red.label, .ui.red.labels .label {
|
|
background-color: hsl(343.3, 81.2%, 74.9%)!important;
|
|
border-color: hsl(343.3, 81.2%, 74.9%)!important;
|
|
color: hsl(240, 21.1%, 14.9%)!important;
|
|
}
|
|
.ui.green.label, .ui.green.labels, .ui.basic.green.label {
|
|
background-color: hsl(115.5, 54.1%, 76.1%)!important;
|
|
border-color: hsl(115.5, 54.1%, 76.1%)!important;
|
|
color: hsl(240, 21.1%, 14.9%)!important;
|
|
}
|
|
|
|
.repository.file.list #repo-files-table tr {
|
|
background-color: hsl(240, 21.1%, 14.9%);
|
|
}
|
|
.repository.file.list #repo-files-table tr:hover {
|
|
background-color: hsl(234.3, 13.2%, 31.2%)!important;
|
|
}
|
|
|
|
.ui.horizontal.segments>.segment {
|
|
background-color: hsl(236.8, 16.2%, 22.9%);
|
|
}
|
|
|
|
.tag-code td.lines-type-marker, td.blob-hunk {
|
|
color: hsl(226.2, 63.9%, 88%)!important;
|
|
}
|
|
|
|
.tag-code, .tag-code td {
|
|
background: hsl(234.3, 13.2%, 31.2%)!important;
|
|
}
|
|
|
|
.tag-code td.lines-num {
|
|
background-color: hsl(234.3, 13.2%, 31.2%)!important;
|
|
}
|
|
|
|
.chroma .sb {
|
|
color: hsl(226.7, 35.3%, 80%);
|
|
}
|
|
|
|
.chroma .nt {
|
|
color: rgba(hsl(267.4, 83.5%, 81%), 0.7)!important;
|
|
}
|
|
|
|
.chroma .na {
|
|
color: rgba(hsl(170, 57.4%, 73.3%), 0.7)!important;
|
|
}
|
|
|
|
.chroma .nb {
|
|
color: rgba(hsl(267.4, 83.5%, 81%), 0.7);
|
|
}
|
|
|
|
.chroma .s2 {
|
|
color: rgba(hsl(170, 57.4%, 73.3%), 0.7);
|
|
}
|
|
|
|
.chroma .si {
|
|
color: rgba(hsl(23, 92%, 75.5%), 0.6);
|
|
}
|
|
|
|
.chroma .nv {
|
|
color: rgba(hsl(23, 92%, 75.5%), 0.6);
|
|
}
|
|
|
|
.chroma .nx {
|
|
color: hsl(226.2, 63.9%, 88%);
|
|
}
|
|
|
|
.chroma .nf {
|
|
color: hsl(41.4, 86%, 83.1%);
|
|
}
|
|
|
|
.chroma .s {
|
|
color: rgba(hsl(170, 57.4%, 73.3%), 0.7);
|
|
}
|
|
|
|
}
|