291 lines
11 KiB
CSS
291 lines
11 KiB
CSS
: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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 18 18" width="16" height="16"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>');
|
|
--checkbox-mask-indeterminate:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"></path></svg>')
|
|
}
|
|
|
|
@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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 18 18" width="16" height="16"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>');
|
|
--checkbox-mask-indeterminate:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"></path></svg>')
|
|
}
|
|
}
|
|
|
|
/* --- 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);
|
|
}
|