123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614 |
- @import "../chroma/dark.less";
-
- :root {
- --is-dark-theme: true;
- --color-primary: #87ab63;
- --color-primary-dark-1: #93b373;
- --color-primary-dark-2: #9fbc82;
- --color-primary-dark-3: #abc492;
- --color-primary-dark-4: #b7cda1;
- --color-primary-dark-5: #cfddc1;
- --color-primary-dark-6: #e7eee0;
- --color-primary-dark-7: #f8faf6;
- --color-primary-light-1: #7a9e55;
- --color-primary-light-2: #6c8c4c;
- --color-primary-light-3: #5f7b42;
- --color-primary-light-4: #516939;
- --color-primary-light-5: #364626;
- --color-primary-light-6: #1b2313;
- --color-primary-light-7: #080b06;
- --color-primary-alpha-10: #87ab6319;
- --color-primary-alpha-20: #87ab6333;
- --color-primary-alpha-30: #87ab634b;
- --color-primary-alpha-40: #87ab6366;
- --color-primary-alpha-50: #87ab6380;
- --color-primary-alpha-60: #87ab6399;
- --color-primary-alpha-70: #87ab63b3;
- --color-primary-alpha-80: #87ab63cc;
- --color-primary-alpha-90: #87ab63e1;
- --color-secondary: #454a57;
- --color-secondary-dark-1: #505665;
- --color-secondary-dark-2: #5b6273;
- --color-secondary-dark-3: #71798e;
- --color-secondary-dark-4: #7f8699;
- --color-secondary-dark-5: #8c93a4;
- --color-secondary-dark-6: #9aa0af;
- --color-secondary-dark-7: #a8adba;
- --color-secondary-dark-8: #b6bac5;
- --color-secondary-dark-9: #c4c7d0;
- --color-secondary-dark-10: #d2d4db;
- --color-secondary-dark-11: #dfe1e6;
- --color-secondary-dark-12: #edeef1;
- --color-secondary-dark-13: #fbfbfc;
- --color-secondary-light-1: #373b46;
- --color-secondary-light-2: #292c34;
- --color-secondary-light-3: #1c1e23;
- --color-secondary-light-4: #0e0f11;
- --color-secondary-alpha-10: #454a5719;
- --color-secondary-alpha-20: #454a5733;
- --color-secondary-alpha-30: #454a574b;
- --color-secondary-alpha-40: #454a5766;
- --color-secondary-alpha-50: #454a5780;
- --color-secondary-alpha-60: #454a5799;
- --color-secondary-alpha-70: #454a57b3;
- --color-secondary-alpha-80: #454a57cc;
- --color-secondary-alpha-90: #454a57e1;
- /* colors */
- --color-red: #db2828;
- --color-orange: #f2711c;
- --color-yellow: #fbbd08;
- --color-olive: #b5cc18;
- --color-green: #21ba45;
- --color-teal: #00b5ad;
- --color-blue: #2185d0;
- --color-violet: #6435c9;
- --color-purple: #a333c8;
- --color-pink: #e03997;
- --color-brown: #a5673f;
- --color-grey: #767a85;
- --color-black: #1e222e;
- --color-gold: #a1882b;
- --color-white: #ffffff;
- --color-diff-removed-word-bg: #6f3333;
- --color-diff-added-word-bg: #3c653c;
- --color-diff-removed-row-bg: #3c2626;
- --color-diff-moved-row-bg: #818044;
- --color-diff-added-row-bg: #283e2d;
- --color-diff-removed-row-border: #634343;
- --color-diff-moved-row-border: #bcca6f;
- --color-diff-added-row-border: #314a37;
- --color-diff-inactive: #353846;
- --color-error-border: #a53a37;
- --color-error-bg: #403440;
- --color-error-text: #d64444;
- --color-success-border: #458a57;
- --color-success-bg: #304440;
- --color-success-text: #6cc664;
- --color-warning-border: #aaa050;
- --color-warning-bg: #404440;
- --color-warning-text: #fbbd08;
- /* target-based colors */
- --color-body: #383c4a;
- --color-box-header: #404652;
- --color-box-body: #303440;
- --color-text-dark: #dbe0ea;
- --color-text: #bbc0ca;
- --color-text-light: #a6aab5;
- --color-text-light-2: #8a8e99;
- --color-text-light-3: #707687;
- --color-footer: #2e323e;
- --color-timeline: #4c525e;
- --color-input-text: #d5dbe6;
- --color-input-background: #292d39;
- --color-input-border: #454a57;
- --color-input-border-hover: #505667;
- --color-navbar: #2a2e3a;
- --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: #ffffff10;
- --color-active: #ffffff16;
- --color-menu: #2e323e;
- --color-card: #2e323e;
- --color-markup-table-row: #ffffff06;
- --color-markup-code-block: #292d39;
- --color-button: #353846;
- --color-code-bg: #2a2e3a;
- --color-code-sidebar-bg: #2e323e;
- --color-shadow: #00000060;
- --color-secondary-bg: #2a2e3a;
- --color-text-focus: #fff;
- --color-expand-button: #3c404d;
- --color-placeholder-text: #6a737d;
- --color-editor-line-highlight: var(--color-primary-light-5);
- --color-project-board-bg: var(--color-secondary-light-2);
- --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);
- }
-
- ::-webkit-calendar-picker-indicator {
- filter: invert(.8);
- }
-
- .ui.horizontal.segments > .segment {
- background-color: #383c4a;
- }
-
- .ui.green.progress .bar {
- background-color: #668844;
- }
-
- .ui.progress.success .bar {
- background-color: #7b9e57 !important;
- }
-
- .following.bar.light {
- background: #2e323e;
- border-color: var(--color-secondary-alpha-40);
- }
-
- .following.bar .top.menu a.item:hover {
- color: #fff;
- }
-
- .feeds .list ul li.private {
- background: #353945;
- }
-
- .ui.red.label,
- .ui.red.labels .label {
- background-color: #7d3434 !important;
- border-color: #8a2121 !important;
- }
-
- .ui.yellow.label,
- .ui.yellow.labels .label {
- border-color: #664d02 !important;
- background-color: #936e00 !important;
- }
-
- .ui.accordion .title:not(.ui) {
- color: #dbdbdb;
- }
-
- .ui.green.label,
- .ui.green.labels .label,
- .ui.basic.green.label {
- background-color: #2d693b !important;
- border-color: #2d693b !important;
- }
-
- .ui.green.labels a.label:hover,
- .ui.basic.green.labels a.label:hover,
- a.ui.ui.ui.green.label:hover,
- a.ui.basic.green.label:hover {
- background-color: #3d794b !important;
- border-color: #3d794b !important;
- color: #fff !important;
- }
-
- .ui.divider:not(.vertical):not(.horizontal) {
- border-bottom-color: var(--color-secondary);
- border-top-color: transparent;
- }
-
- .form .help {
- color: #7f8699;
- }
-
- .ui .text.light.grey {
- color: #7f8699 !important;
- }
-
- .ui.form .fields.error .field textarea,
- .ui.form .fields.error .field select,
- .ui.form .fields.error .field input:not([type]),
- .ui.form .fields.error .field input[type="date"],
- .ui.form .fields.error .field input[type="datetime-local"],
- .ui.form .fields.error .field input[type="email"],
- .ui.form .fields.error .field input[type="number"],
- .ui.form .fields.error .field input[type="password"],
- .ui.form .fields.error .field input[type="search"],
- .ui.form .fields.error .field input[type="tel"],
- .ui.form .fields.error .field input[type="time"],
- .ui.form .fields.error .field input[type="text"],
- .ui.form .fields.error .field input[type="file"],
- .ui.form .fields.error .field input[type="url"],
- .ui.form .field.error textarea,
- .ui.form .field.error select,
- .ui.form .field.error input:not([type]),
- .ui.form .field.error input[type="date"],
- .ui.form .field.error input[type="datetime-local"],
- .ui.form .field.error input[type="email"],
- .ui.form .field.error input[type="number"],
- .ui.form .field.error input[type="password"],
- .ui.form .field.error input[type="search"],
- .ui.form .field.error input[type="tel"],
- .ui.form .field.error input[type="time"],
- .ui.form .field.error input[type="text"],
- .ui.form .field.error input[type="file"],
- .ui.form .field.error input[type="url"] {
- background-color: #522;
- border: 1px solid #7d3434;
- color: #f9cbcb;
- }
-
- .ui.form .field.error select:focus,
- .ui.form .field.error input:not([type]):focus,
- .ui.form .field.error input[type="date"]:focus,
- .ui.form .field.error input[type="datetime-local"]:focus,
- .ui.form .field.error input[type="email"]:focus,
- .ui.form .field.error input[type="number"]:focus,
- .ui.form .field.error input[type="password"]:focus,
- .ui.form .field.error input[type="search"]:focus,
- .ui.form .field.error input[type="tel"]:focus,
- .ui.form .field.error input[type="time"]:focus,
- .ui.form .field.error input[type="text"]:focus,
- .ui.form .field.error input[type="file"]:focus,
- .ui.form .field.error input[type="url"]:focus {
- background-color: #522;
- border: 1px solid #a04141;
- color: #f9cbcb;
- }
-
- .ui.green.button,
- .ui.green.buttons .button {
- background-color: #87ab63;
- }
-
- .ui.green.button:hover,
- .ui.green.buttons .button:hover {
- background-color: #a0cc75;
- }
-
- .ui.search > .results {
- background: #383c4a;
- border-color: var(--color-secondary);
- }
-
- .ui.search > .results .result:hover,
- .ui.category.search > .results .category .result:hover {
- background: var(--color-secondary);
- }
-
- .ui.search > .results .result .title {
- color: #dbdbdb;
- }
-
- .ui.table > thead > tr > th {
- background: var(--color-secondary);
- color: #dbdbdb !important;
- }
-
- .repository.file.list #repo-files-table tr {
- background: #2a2e3a;
- }
-
- .repository.file.list #repo-files-table tr:hover {
- background-color: #393d4a !important;
- }
-
- .repository.file.editor.edit,
- .repository.wiki.new .CodeMirror {
- .editor-preview,
- .editor-preview-side,
- & + .editor-preview-side {
- background: #353945;
-
- .markup.ui.segment {
- border-width: 0;
- }
- }
- }
-
- .overflow.menu .items .item {
- color: #9d9d9d;
- }
-
- .overflow.menu .items .item:hover {
- color: #dbdbdb;
- }
-
- .ui.list > .item > .content {
- color: var(--color-secondary-dark-6) !important;
- }
-
- .repository .navbar .active.item,
- .repository .navbar .active.item:hover {
- border-color: transparent !important;
- }
-
- .repository .diff-stats li {
- border-color: var(--color-secondary);
- }
-
- .tag-code,
- .tag-code td {
- background: #353945 !important;
-
- }
- .tag-code td.lines-num {
- background-color: #3a3e4c !important;
- }
-
- .tag-code td.lines-type-marker,
- td.blob-hunk {
- color: #dbdbdb !important;
- }
-
- .ui .warning.header,
- .ui.warning.message {
- background-color: #542 !important;
- border-color: #ec8;
- }
-
- .ui.warning.message {
- color: #ec8;
- box-shadow: 0 0 0 1px #ec8;
- }
-
- .ui.warning.segment {
- border-color: #ec8;
- }
-
- .ui.red.message,
- .ui.error.message {
- background-color: #522;
- color: #f9cbcb;
- box-shadow: 0 0 0 1px #a04141 inset;
- }
-
- .ui .error.header,
- .ui.error.message {
- background-color: #522 !important;
- border-color: #a04141;
- }
-
- .ui.error.segment {
- border-color: #a04141;
- }
-
- .ui.red.button,
- .ui.red.buttons .button {
- background-color: #7d3434;
- }
-
- .ui.red.button:hover,
- .ui.red.buttons .button:hover {
- background-color: #984646;
- }
-
- .ui.positive.message {
- background-color: #0d491b;
- color: #87ab63;
- box-shadow: 0 0 0 1px #2d693b inset, 0 0 0 0 transparent;
- }
-
- .ui.negative.message {
- background-color: rgba(80, 23, 17, .6);
- color: #f9cbcb;
- box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent;
- }
-
- .ui.list .list > .item .header,
- .ui.list > .item .header {
- color: #dedede;
- }
-
- .ui.list .list > .item .description,
- .ui.list > .item .description {
- color: var(--color-secondary-dark-6);
- }
-
- .repository.labels .ui.basic.black.label {
- background-color: #bbbbbb !important;
- }
-
- .lines-num {
- color: var(--color-secondary-dark-6) !important;
- border-color: var(--color-secondary) !important;
- }
-
- td.blob-excerpt {
- background-color: rgba(0, 0, 0, .15);
- }
-
- .lines-code.active,
- .lines-code .active {
- background: #534d1b !important;
- }
-
- .ui.ui.ui.ui.table tr.active,
- .ui.ui.table td.active {
- color: #dbdbdb;
- }
-
- .ui.active.label {
- background: #393d4a;
- border-color: #393d4a;
- color: #dbdbdb;
- }
-
- .ui.header .sub.header {
- color: var(--color-secondary-dark-6);
- }
-
- .ui.dividing.header {
- border-bottom: 1px solid var(--color-secondary);
- }
-
- .ui.modal > .header {
- background: var(--color-secondary);
- color: #dbdbdb;
- }
-
- .ui.modal > .actions {
- background: var(--color-secondary);
- border-color: var(--color-secondary);
- }
-
- .ui.modal > .content {
- background: #383c4a;
- }
-
- .minicolors-panel {
- background: var(--color-secondary) !important;
- border-color: #6a737d !important;
- }
-
- /* invert emojis that are hard to read otherwise */
- .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);
- }
-
- .edit-diff > div > .ui.table {
- border-left-color: var(--color-secondary) !important;
- border-right-color: var(--color-secondary) !important;
- }
-
- /* code mirror dark theme */
-
- .CodeMirror {
- &.cm-s-default,
- &.cm-s-paper {
- .cm-property {
- color: #a0cc75;
- }
-
- .cm-header {
- color: #9daccc;
- }
-
- .cm-quote {
- color: #009900;
- }
-
- .cm-keyword {
- color: #cc8a61;
- }
-
- .cm-atom {
- color: #ef5e77;
- }
-
- .cm-number {
- color: #ff5656;
- }
-
- .cm-def {
- color: #e4e4e4;
- }
-
- .cm-variable-2 {
- color: #00bdbf;
- }
-
- .cm-variable-3 {
- color: #008855;
- }
-
- .cm-comment {
- color: #8e9ab3;
- }
-
- .cm-string {
- color: #a77272;
- }
-
- .cm-string-2 {
- color: #ff5500;
- }
-
- .cm-meta,
- .cm-qualifier {
- color: #ffb176;
- }
-
- .cm-builtin {
- color: #b7c951;
- }
-
- .cm-bracket {
- color: #999977;
- }
-
- .cm-tag {
- color: #f1d273;
- }
-
- .cm-attribute {
- color: #bfcc70;
- }
-
- .cm-hr {
- color: #999999;
- }
-
- .cm-url {
- color: #c5cfd0;
- }
-
- .cm-link {
- color: #d8c792;
- }
-
- .cm-error {
- /* color: #ff6e00; */
- color: #dbdbeb;
- }
- }
- }
-
- footer .container .links > * {
- border-left-color: #888;
- }
-
- .repository.release #release-list > li .detail .dot {
- background-color: #505667;
- border-color: #383c4a;
- }
-
- .tribute-container {
- box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .6);
- }
-
- .repository .repo-header .ui.huge.breadcrumb.repo-title .repo-header-icon .avatar {
- color: #2a2e3a;
- }
-
- img[src$="/img/matrix.svg"] {
- filter: invert(80%);
- }
-
- .mermaid-chart {
- filter: invert(84%) hue-rotate(180deg);
- }
-
- .is-loading::after {
- border-color: #4a4c58 #4a4c58 #d7d7da #d7d7da;
- }
-
- .markup-block-error {
- border: 1px solid rgba(121, 71, 66, .5) !important;
- border-bottom: none !important;
- }
|