diff --git a/theme-agatha.css b/theme-agatha.css new file mode 100644 index 0000000..7f7c2fe --- /dev/null +++ b/theme-agatha.css @@ -0,0 +1,591 @@ +@import "../chroma/dark.css"; +@import "../codemirror/dark.css"; + +:root { + --is-dark-theme: true; + --color-primary: #9c7ca5; + --color-primary-contrast: #ffffff; + --color-primary-dark-1: #95739f; + --color-primary-dark-2: #a588ad; + --color-primary-dark-3: #b69ebc; + --color-primary-dark-4: #c6b3cb; + --color-primary-dark-5: #d6c9da; + --color-primary-dark-6: #e7dfe9; + --color-primary-dark-7: #f7f4f8; + --color-primary-light-1: #83608c; + --color-primary-light-2: #6f5277; + --color-primary-light-3: #5a4361; + --color-primary-light-4: #46344c; + --color-primary-light-5: #322536; + --color-primary-light-6: #1e1620; + --color-primary-light-7: #0a070b; + --color-primary-alpha-10: #9c7ca519; + --color-primary-alpha-20: #9c7ca533; + --color-primary-alpha-30: #9c7ca54b; + --color-primary-alpha-40: #9c7ca566; + --color-primary-alpha-50: #9c7ca580; + --color-primary-alpha-60: #9c7ca599; + --color-primary-alpha-70: #9c7ca5b3; + --color-primary-alpha-80: #9c7ca5cc; + --color-primary-alpha-90: #9c7ca5e1; + --color-primary-hover: var(--color-primary-light-1); + --color-primary-active: var(--color-primary-light-2); + --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; + --color-secondary-button: var(--color-secondary-dark-4); + --color-secondary-hover: var(--color-secondary-dark-3); + --color-secondary-active: var(--color-secondary-dark-2); + /* console colors - used for actions console and console files */ + --color-console-fg: #eeeff2; + --color-console-fg-subtle: #959cab; + --color-console-bg: #262936; + --color-console-border: #383c47; + --color-console-hover-bg: #ffffff16; + --color-console-active-bg: #454a57; + --color-console-menu-bg: #383c47; + --color-console-menu-border: #5c6374; + /* named colors */ + --color-red: #cc4848; + --color-orange: #cc580c; + --color-yellow: #cc9903; + --color-olive: #91a313; + --color-green: #87ab63; + --color-teal: #00918a; + --color-blue: #3a8ac6; + --color-violet: #906ae1; + --color-purple: #b259d0; + --color-pink: #d22e8b; + --color-brown: #a47252; + --color-black: #2e323e; + /* light variants - produced via Sass scale-color(color, $lightness: +10%) */ + --color-red-light: #d15a5a; + --color-orange-light: #f6a066; + --color-yellow-light: #eaaf03; + --color-olive-light: #abc016; + --color-green-light: #93b373; + --color-teal-light: #00b6ad; + --color-blue-light: #4e96cc; + --color-violet-light: #9b79e4; + --color-purple-light: #ba6ad5; + --color-pink-light: #d74397; + --color-brown-light: #b08061; + --color-black-light: #3f4555; + /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */ + --color-red-dark-1: #c23636; + --color-orange-dark-1: #f38236; + --color-yellow-dark-1: #b88a03; + --color-olive-dark-1: #839311; + --color-green-dark-1: #7a9e55; + --color-teal-dark-1: #00837c; + --color-blue-dark-1: #347cb3; + --color-violet-dark-1: #7b4edb; + --color-purple-dark-1: #a742c9; + --color-pink-dark-1: #be297d; + --color-brown-dark-1: #94674a; + --color-black-dark-1: #292d38; + /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */ + --color-red-dark-2: #ad3030; + --color-orange-dark-2: #f16e17; + --color-yellow-dark-2: #a37a02; + --color-olive-dark-2: #74820f; + --color-green-dark-2: #6c8c4c; + --color-teal-dark-2: #00746e; + --color-blue-dark-2: #2e6e9f; + --color-violet-dark-2: #6733d6; + --color-purple-dark-2: #9834b9; + --color-pink-dark-2: #a9246f; + --color-brown-dark-2: #835b42; + --color-black-dark-2: #252832; + /* ansi colors used for actions console and console files */ + --color-ansi-black: var(--color-black); + --color-ansi-red: var(--color-red); + --color-ansi-green: var(--color-green); + --color-ansi-yellow: var(--color-yellow); + --color-ansi-blue: var(--color-blue); + --color-ansi-magenta: var(--color-pink); + --color-ansi-cyan: var(--color-teal); + --color-ansi-white: var(--color-console-fg-subtle); + --color-ansi-bright-black: var(--color-black-light); + --color-ansi-bright-red: var(--color-red-light); + --color-ansi-bright-green: var(--color-green-light); + --color-ansi-bright-yellow: var(--color-yellow-light); + --color-ansi-bright-blue: var(--color-blue-light); + --color-ansi-bright-magenta: var(--color-pink-light); + --color-ansi-bright-cyan: var(--color-teal-light); + --color-ansi-bright-white: var(--color-console-fg); + /* other colors */ + --color-grey: #505665; + --color-grey-light: #a1a6b7; + --color-gold: #b1983b; + --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: #a04141; + --color-error-bg: #522; + --color-error-bg-active: #744; + --color-error-bg-hover: #633; + --color-error-text: #f9cbcb; + --color-success-border: #458a57; + --color-success-bg: #284034; + --color-success-text: #6cc664; + --color-warning-border: #bb9d00; + --color-warning-bg: #3a3a30; + --color-warning-text: #fbbd08; + --color-info-border: #306090; + --color-info-bg: #26354c; + --color-info-text: #38a8e8; + --color-red-badge: #db2828; + --color-red-badge-bg: #db28281a; + --color-red-badge-hover-bg: #db28284d; + --color-green-badge: #21ba45; + --color-green-badge-bg: #21ba451a; + --color-green-badge-hover-bg: #21ba454d; + --color-yellow-badge: #fbbd08; + --color-yellow-badge-bg: #fbbd081a; + --color-yellow-badge-hover-bg: #fbbd084d; + --color-orange-badge: #f2711c; + --color-orange-badge-bg: #f2711c1a; + --color-orange-badge-hover-bg: #f2711c4d; + --color-git: #f05133; + /* target-based colors */ + --color-body: #2e323e; + --color-box-header: #303340; + --color-box-body: #222733; + --color-box-body-highlight: #262b36; + --color-text-dark: #dbe0ea; + --color-text: #cbd0da; + --color-text-light: #bbbfca; + --color-text-light-1: #aaafb9; + --color-text-light-2: #9a9ea9; + --color-text-light-3: #8a8e99; + --color-footer: #232834; + --color-timeline: #4c525e; + --color-input-text: #dfe3ec; + --color-input-background: #1e252e; + --color-input-toggle-background: #454a57; + --color-input-border: var(--color-secondary); + --color-input-border-hover: var(--color-secondary-dark-1); + --color-header-wrapper: #202430; + --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: #ffffff19; + --color-active: #ffffff24; + --color-menu: #1e252e; + --color-card: #1e252e; + --color-markup-table-row: #ffffff06; + --color-markup-code-block: #ffffff16; + --color-button: #1e252e; + --color-code-bg: #222733; + --color-code-sidebar-bg: #232834; + --color-shadow: #00000058; + --color-secondary-bg: #2a2e3a; + --color-text-focus: #fff; + --color-expand-button: #3c404d; + --color-placeholder-text: #8a8e99; + --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-hover-bg: var(--color-primary-light-4); + --color-reaction-active-bg: var(--color-primary-light-5); + --color-tooltip-text: #ffffff; + --color-tooltip-bg: #000000f0; + --color-nav-bg: #232834; + --color-nav-hover-bg: #383c47; + --color-label-text: #dfe3ec; + --color-label-bg: #7c84974b; + --color-label-hover-bg: #7c8497a0; + --color-label-active-bg: #7c8497ff; + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-active-line: #534d1b; + --color-overlay-backdrop: #080808c0; + accent-color: var(--color-accent); + color-scheme: dark; +} + +/* 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); +} + +/* ::-webkit-calendar-picker-indicator { */ +/* filter: invert(.8); */ +/* } */ +/* */ +/* .ui.horizontal.segments > .segment { */ +/* background-color: #383c4a; */ +/* } */ +/* */ +/* .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: var(--color-primary-light-1); */ +/* } */ +/* */ +/* .ui.green.button:hover, */ +/* .ui.green.buttons .button:hover { */ +/* background-color: var(--color-primary); */ +/* } */ +/* */ +/* .ui.green.button:focus, */ +/* .ui.green.buttons .button:focus { */ +/* background-color: var(--color-primary-light-2); */ +/* } */ +/* */ +/* .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; */ +/* } */ +/* */ +/* .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.red.button, */ +/* .ui.red.buttons .button { */ +/* background-color: #7d3434; */ +/* } */ +/* */ +/* .ui.red.button:hover, */ +/* .ui.red.buttons .button:hover { */ +/* background-color: #984646; */ +/* } */ +/* */ +/* .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; */ +/* } */ +/* */ +/* 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%); */ +/* } */ +/* */ +/* .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; */ +/* } */ diff --git a/theme-agatha.less b/theme-agatha.less deleted file mode 100644 index d1039f8..0000000 --- a/theme-agatha.less +++ /dev/null @@ -1,462 +0,0 @@ -@import "../chroma/dark.less"; -@import "../codemirror/dark.less"; - -:root { - --is-dark-theme: true; - --color-primary: #9c7ca5; - --color-primary-dark-1: #95739f; - --color-primary-dark-2: #a588ad; - --color-primary-dark-3: #b69ebc; - --color-primary-dark-4: #c6b3cb; - --color-primary-dark-5: #d6c9da; - --color-primary-dark-6: #e7dfe9; - --color-primary-dark-7: #f7f4f8; - --color-primary-light-1: #83608c; - --color-primary-light-2: #6f5277; - --color-primary-light-3: #5a4361; - --color-primary-light-4: #46344c; - --color-primary-light-5: #322536; - --color-primary-light-6: #1e1620; - --color-primary-light-7: #0a070b; - --color-primary-alpha-10: #9c7ca519; - --color-primary-alpha-20: #9c7ca533; - --color-primary-alpha-30: #9c7ca54b; - --color-primary-alpha-40: #9c7ca566; - --color-primary-alpha-50: #9c7ca580; - --color-primary-alpha-60: #9c7ca599; - --color-primary-alpha-70: #9c7ca5b3; - --color-primary-alpha-80: #9c7ca5cc; - --color-primary-alpha-90: #9c7ca5e1; - --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: #482c2c; - --color-error-text: #ff4433; - --color-success-border: #458a57; - --color-success-bg: #284034; - --color-success-text: #6cc664; - --color-warning-border: #bb9d00; - --color-warning-bg: #3a3a30; - --color-warning-text: #fbbd08; - --color-info-border: #306090; - --color-info-bg: #26354c; - --color-info-text: #38a8e8; - /* 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-navbar-transparent: #2a2e3a00; - --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; -} - -.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: var(--color-primary-light-1); -} - -.ui.green.button:hover, -.ui.green.buttons .button:hover { - background-color: var(--color-primary); -} - -.ui.green.button:focus, -.ui.green.buttons .button:focus { - background-color: var(--color-primary-light-2); -} - -.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; -} - -.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.red.button, -.ui.red.buttons .button { - background-color: #7d3434; -} - -.ui.red.button:hover, -.ui.red.buttons .button:hover { - background-color: #984646; -} - -.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; -} - -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%); -} - -.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; -}