:root { --fonts-proportional:-apple-system,"Segoe UI",system-ui,"Roboto","Helvetica Neue","Arial"; --fonts-monospace:"SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace,var(--fonts-emoji); --fonts-emoji:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla"; --border-radius: 10px; --opacity-disabled:0.55; --color-primary: rgb(105, 210, 255); --color-primary-dark-1: rgb(95, 190, 230); --color-primary-dark-2: rgb(85, 170, 205); --color-primary-dark-3: rgb(75, 150, 180); --color-primary-dark-4: rgb(65, 130, 155); --color-primary-dark-5: rgb(55, 110, 130); --color-primary-dark-6: rgb(45, 90, 105); --color-primary-dark-7: rgb(35, 70, 80); --color-primary-light-1:#548fca; --color-primary-light-2:#679cd0; --color-primary-light-3:#7aa8d6; --color-primary-light-4:#8db5dc; --color-primary-light-5:#b3cde7; --color-primary-light-6:#d9e6f3; --color-primary-light-7:#f4f8fb; --color-primary-alpha-10:#4183c419; --color-primary-alpha-20:#4183c433; --color-primary-alpha-30:#4183c44b; --color-primary-alpha-40:#4183c466; --color-primary-alpha-50:#4183c480; --color-primary-alpha-60:#4183c499; --color-primary-alpha-70:#4183c4b3; --color-primary-alpha-80:#4183c4cc; --color-primary-alpha-90:#4183c4e1; --color-secondary: rgb(250, 220, 120); --color-secondary-dark-1:#cecece; --color-secondary-dark-2:#bfbfbf; --color-secondary-dark-3:#a0a0a0; --color-secondary-dark-4:#909090; --color-secondary-dark-5:#818181; --color-secondary-dark-6:#717171; --color-secondary-dark-7:#626262; --color-secondary-dark-7:#525252; --color-secondary-dark-8:#434343; --color-secondary-dark-8:#333333; --color-secondary-dark-9:#242424; --color-secondary-dark-10:#141414; --color-secondary-dark-11:#040404; --color-secondary-light-1: rgb(0, 90, 130); --color-secondary-light-2:#ebebeb; --color-secondary-light-3:#f2f2f2; --color-secondary-light-4:#f8f8f8; --color-secondary-alpha-10:#dedede19; --color-secondary-alpha-20:#dedede33; --color-secondary-alpha-30:#dedede4b; --color-secondary-alpha-40:#dedede66; --color-secondary-alpha-50:#dedede80; --color-secondary-alpha-60:#dedede99; --color-secondary-alpha-70:#dededeb3; --color-secondary-alpha-80:#dededecc; --color-secondary-alpha-90:#dededee1; --color-red: rgb(235, 85, 85); --color-orange:#f2711c; --color-yellow:#fbbd08; --color-olive:#b5cc18; --color-green: rgb(0, 95, 135); --color-teal:#00b5ad; --color-blue:#2185d0; --color-violet:#6435c9; --color-purple:#a333c8; --color-pink:#e03997; --color-brown:#a5673f; --color-grey:#888888; --color-black:#1b1c1d; --color-gold:#a1882b; --color-white:#ffffff; --color-diff-removed-word-bg:#fdb8c0; --color-diff-added-word-bg:#acf2bd; --color-diff-removed-row-bg:#ffeef0; --color-diff-added-row-bg:#e6ffed; --color-diff-removed-row-border:#f1c0c0; --color-diff-added-row-border:#e6ffed; --color-diff-inactive:#f2f2f2; --color-body: rgb(255, 255, 230); --color-text-dark: rgb(50, 50, 50); --color-text: rgb(50, 50, 50); --color-text-light: rgb(60, 60, 60); --color-text-light-2: rgb(70, 70, 70); --color-text-light-3: rgb(80, 80, 80); --color-box-header: rgb(250, 220, 120); --color-box-body: rgb(255, 255, 230); --color-footer: rgb(255, 255, 230); --color-timeline:#ececec; --color-input-text: rgb(50, 50, 50); --color-input-background: rgb(250, 220, 120); --color-input-border: rgb(250, 220, 120); --color-input-border-hover: rgb(225, 195, 95); --color-navbar: rgb(255, 255, 230); --color-light:#00000004; --color-light-border:#0000001d; --color-hover:#0000000f; --color-active:#00000014; --color-menu: rgb(255, 255, 230); --color-card: rgb(250, 220, 120); --color-markdown-table-row:#00000008; --color-markdown-code-block:#00000010; --color-button:#ffffff; --color-code-bg:#ffffff; --color-shadow:#00000030; --color-secondary-bg:#f4f4f4; --color-expand-button:#d8efff; --color-placeholder-text:#aaa; --color-editor-line-highlight:var(--color-primary-light-6); --color-project-board-bg:var(--color-secondary-light-4); --checkbox-mask-checked:url('data:image/svg+xml;utf8,'); --checkbox-mask-indeterminate:url('data:image/svg+xml;utf8,') } @media (prefers-color-scheme: dark) { :root { --fonts-proportional:-apple-system,"Segoe UI",system-ui,"Roboto","Helvetica Neue","Arial"; --fonts-monospace:"SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace,var(--fonts-emoji); --fonts-emoji:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla"; --border-radius: 10px; --opacity-disabled:0.55; --color-primary: rgb(105, 210, 255); --color-primary-dark-1: rgb(95, 190, 230); --color-primary-dark-2: rgb(85, 170, 205); --color-primary-dark-3: rgb(75, 150, 180); --color-primary-dark-4: rgb(65, 130, 155); --color-primary-dark-5: rgb(55, 110, 130); --color-primary-dark-6: rgb(45, 90, 105); --color-primary-dark-7: rgb(35, 70, 80); --color-primary-light-1:#548fca; --color-primary-light-2:#679cd0; --color-primary-light-3:#7aa8d6; --color-primary-light-4:#8db5dc; --color-primary-light-5:#b3cde7; --color-primary-light-6:#d9e6f3; --color-primary-light-7:#f4f8fb; --color-primary-alpha-10:#4183c419; --color-primary-alpha-20:#4183c433; --color-primary-alpha-30:#4183c44b; --color-primary-alpha-40:#4183c466; --color-primary-alpha-50:#4183c480; --color-primary-alpha-60:#4183c499; --color-primary-alpha-70:#4183c4b3; --color-primary-alpha-80:#4183c4cc; --color-primary-alpha-90:#4183c4e1; --color-secondary: rgb(0, 70, 100); --color-secondary-dark-1:#cecece; --color-secondary-dark-2:#bfbfbf; --color-secondary-dark-3:#a0a0a0; --color-secondary-dark-4:#909090; --color-secondary-dark-5:#818181; --color-secondary-dark-6:#717171; --color-secondary-dark-7:#626262; --color-secondary-dark-7:#525252; --color-secondary-dark-8:#434343; --color-secondary-dark-8:#333333; --color-secondary-dark-9:#242424; --color-secondary-dark-10:#141414; --color-secondary-dark-11:#040404; --color-secondary-light-1: rgb(0, 90, 130); --color-secondary-light-2:#ebebeb; --color-secondary-light-3:#f2f2f2; --color-secondary-light-4:#f8f8f8; --color-secondary-alpha-10:#dedede19; --color-secondary-alpha-20:#dedede33; --color-secondary-alpha-30:#dedede4b; --color-secondary-alpha-40:#dedede66; --color-secondary-alpha-50:#dedede80; --color-secondary-alpha-60:#dedede99; --color-secondary-alpha-70:#dededeb3; --color-secondary-alpha-80:#dededecc; --color-secondary-alpha-90:#dededee1; --color-red: rgb(235, 85, 85); --color-orange:#f2711c; --color-yellow:#fbbd08; --color-olive:#b5cc18; --color-green: rgb(0, 95, 135); --color-teal:#00b5ad; --color-blue:#2185d0; --color-violet:#6435c9; --color-purple:#a333c8; --color-pink:#e03997; --color-brown:#a5673f; --color-grey:#888888; --color-black:#1b1c1d; --color-gold:#a1882b; --color-white:#ffffff; --color-diff-removed-word-bg:#fdb8c0; --color-diff-added-word-bg:#acf2bd; --color-diff-removed-row-bg:#ffeef0; --color-diff-added-row-bg:#e6ffed; --color-diff-removed-row-border:#f1c0c0; --color-diff-added-row-border:#e6ffed; --color-diff-inactive:#f2f2f2; --color-body: rgb(0, 45, 60); --color-text-dark: rgb(255, 255, 255); --color-text: rgb(255, 255, 255); --color-text-light: rgb(245, 245, 245); --color-text-light-2: rgb(235, 235, 235); --color-text-light-3: rgb(225, 225, 225); --color-box-header: rgb(0, 70, 100); --color-box-body: rgb(0, 45, 60); --color-footer: rgb(0, 45, 60); --color-timeline:#ececec; --color-input-text: rgb(255, 255, 255); --color-input-background: rgb(0, 70, 100); --color-input-border: rgb(0, 70, 100); --color-input-border-hover: rgb(0, 95, 135); --color-navbar: rgb(0, 45, 60); --color-light:#00000004; --color-light-border:#0000001d; --color-hover:#0000000f; --color-active:#00000014; --color-menu: rgb(0, 45, 60); --color-card: rgb(0, 70, 100); --color-markdown-table-row:#00000008; --color-markdown-code-block:#00000010; --color-button:#ffffff; --color-code-bg:#ffffff; --color-shadow:#00000030; --color-secondary-bg:#f4f4f4; --color-expand-button:#d8efff; --color-placeholder-text:#aaa; --color-editor-line-highlight:var(--color-primary-light-6); --color-project-board-bg:var(--color-secondary-light-4); --checkbox-mask-checked:url('data:image/svg+xml;utf8,'); --checkbox-mask-indeterminate:url('data:image/svg+xml;utf8,') } } /* --- Fixes for missing variables --- */ /* -- Settings -> Security -- */ .ui.list .list > .item > .content, .ui.list > .item > .content { color: var(--color-text); } .ui.green.button, .ui.green.buttons .button { background: var(--color-green); } .ui.green.button:hover, .ui.green.buttons .button:hover { background: rgb(0, 85, 120); } .ui.red.button, .ui.red.buttons .button { background: var(--color-red); } .ui.red.button:hover, .ui.red.buttons .button:hover { background: rgb(210, 75, 75); } .ui .error.header { background-color: var(--color-red) !important; border-color: var(--color-red) !important; } .ui.red.message { background-color: rgb(255, 255, 255); color: var(--color-red); } .ui.attached.red.message, .ui.red.message { box-shadow: inset 0 0 0 1px var(--color-red),0 0 0 0 rgba(0,0,0,0); } .ui.form .required.field > .checkbox::after, .ui.form .required.field > label::after, .ui.form .required.fields.grouped > label::after, .ui.form .required.fields:not(.grouped) > .field > .checkbox::after, .ui.form .required.fields:not(.grouped) > .field > label::after, .ui.form label.required::after { color: var(--color-red); } /* -- Profile -> Repositories -- */ .ui.list .list > .item .description, .ui.list > .item .description { color: var(--color-text); } .ui.blue.button, .ui.blue.buttons .button { color: rgb(0, 45, 60); } /* -- Repository -> Code -- */ .ui.table > thead > tr > th { background: rgb(0, 70, 100); } .repository.file.list #repo-files-table tr:hover { background: rgb(0, 70, 100); }