diff --git a/public/css/index.css b/public/css/index.css
index 7e5cc95..8c1818d 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -22111,7 +22111,7 @@ details.toggleable-item[open] summary:after {
margin-top: 24px;
margin-bottom: 16px;
font-weight: var(--font-weight-semibold);
- line-height: 1.25
+ line-height: 1.25;
}
.markup h1 tt,.markup h1 code,.markup h2 tt,.markup h2 code,.markup h3 tt,.markup h3 code,.markup h4 tt,.markup h4 code,.markup h5 tt,.markup h5 code,.markup h6 tt,.markup h6 code {
@@ -22121,7 +22121,7 @@ details.toggleable-item[open] summary:after {
.markup h1 {
padding-bottom: .3em;
font-size: 2em;
- border-bottom: 1px solid var(--color-secondary)
+ border-bottom: 1px solid var(--color-secondary);
}
.markup h2 {
@@ -23087,15 +23087,21 @@ details.toggleable-item[open] summary:after {
}
: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-proportional: -apple-system, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial;
+ --fonts-monospace: ui-monospace, SFMono-Regular,"SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, var(--fonts-emoji);
--fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla";
- --font-weight-bold: 601;
+ /* --font-weight-light: 300; */
+ --font-weight-normal: 400;
+ --font-weight-medium: 500;
+ --font-weight-semibold: 600;
+ --font-weight-bold: 700;
--checkbox-mask-checked: url('data:image/svg+xml;utf8,');
--checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,');
+ --octicon-chevron-right: url('data:image/svg+xml;utf8,');
--border-radius: .28571429rem;
--opacity-disabled: .55;
- --height-loading: 12rem;
+ --height-loading: 16rem;
+ --tab-size: 4;
--color-primary: #7289DA;
--color-primary-contrast: #ffffff;
--color-primary-dark-1: #3876b3;
@@ -23121,6 +23127,8 @@ details.toggleable-item[open] summary:after {
--color-primary-alpha-70: #7289DAb3;
--color-primary-alpha-80: #7289DAcc;
--color-primary-alpha-90: #7289DAe1;
+ --color-primary-hover: var(--color-primary-dark-1);
+ --color-primary-active: var(--color-primary-dark-2);
--color-secondary: #dedede;
--color-secondary-dark-1: #cecece;
--color-secondary-dark-2: #bfbfbf;
@@ -23148,8 +23156,17 @@ details.toggleable-item[open] summary:after {
--color-secondary-alpha-70: #dededeb3;
--color-secondary-alpha-80: #dededecc;
--color-secondary-alpha-90: #dededee1;
+ --color-secondary-button: var(--color-secondary-dark-4);
+ --color-secondary-hover: var(--color-secondary-dark-5);
+ --color-secondary-active: var(--color-secondary-dark-6);
--color-console-fg: #ffffff;
+ --color-console-fg-subtle: #959cab;
--color-console-bg: #171717;
+ --color-console-border: #383c47;
+ --color-console-hover-bg: #ffffff16;
+ --color-console-active-bg: #454a57;
+ --color-console-menu-bg: #383c47;
+ --color-console-menu-border: #5c6374;
--color-red: #db2828;
--color-orange: #f2711c;
--color-yellow: #fbbd08;
@@ -23174,6 +23191,30 @@ details.toggleable-item[open] summary:after {
--color-pink-light: #e86bb1;
--color-brown-light: #c58b66;
--color-black-light: #525558;
+ --color-red-dark-1: #c82121;
+ --color-orange-dark-1: #e6630d;
+ --color-yellow-dark-1: #e5ac04;
+ --color-olive-dark-1: #a3b816;
+ --color-green-dark-1: #1ea73e;
+ --color-teal-dark-1: #00a39c;
+ --color-blue-dark-1: #1e78bb;
+ --color-violet-dark-1: #5a30b5;
+ --color-purple-dark-1: #932eb4;
+ --color-pink-dark-1: #db228a;
+ --color-brown-dark-1: #955d39;
+ --color-black-dark-1: #18191a;
+ --color-red-dark-2: #b11e1e;
+ --color-orange-dark-2: #cc580c;
+ --color-yellow-dark-2: #cc9903;
+ --color-olive-dark-2: #91a313;
+ --color-green-dark-2: #1a9537;
+ --color-teal-dark-2: #00918a;
+ --color-blue-dark-2: #1a6aa6;
+ --color-violet-dark-2: #502aa1;
+ --color-purple-dark-2: #8229a0;
+ --color-pink-dark-2: #c21e7b;
+ --color-brown-dark-2: #845232;
+ --color-black-dark-2: #161617;
--color-grey: #707070;
--color-grey-light: #838383;
--color-gold: #a1882b;
@@ -23227,12 +23268,10 @@ details.toggleable-item[open] summary:after {
--color-footer: #ffffff;
--color-timeline: #ececec;
--color-input-text: #212121;
- --color-input-background: #ffffff;
+ --color-input-background: #fafafa;
--color-input-toggle-background: #dedede;
- --color-input-border: #dedede;
- --color-input-border-hover: #cecece;
- --color-navbar: #f8f8f8;
- --color-navbar-transparent: #f8f8f800;
+ --color-input-border: var(--color-secondary);
+ --color-input-border-hover: var(--color-secondary-dark-1);
--color-light: #00000006;
--color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));
--color-light-border: #0000001d;
@@ -23255,19 +23294,25 @@ details.toggleable-item[open] summary:after {
--color-project-board-light-label: #a6aab5;
--color-caret: var(--color-text-dark);
--color-reaction-bg: #0000000a;
- --color-reaction-active-bg: var(--color-primary-alpha-20);
- --color-tooltip-bg: #000000f0;
+ --color-reaction-hover-bg: var(--color-primary-light-5);
+ --color-reaction-active-bg: var(--color-primary-light-6);
--color-tooltip-text: #ffffff;
- --color-header-bar: #ffffff;
- --color-label-active-bg: #d0d0d0;
+ --color-tooltip-bg: #000000f0;
+ --color-nav-bg: #ffffff;
+ --color-nav-hover-bg: #ebebeb;
+ --color-label-text: #232323;
+ --color-label-bg: #cacaca5b;
+ --color-label-hover-bg: #cacacaa0;
+ --color-label-active-bg: #cacacaff;
--color-accent: var(--color-primary-light-1);
--color-small-accent: var(--color-primary-light-6);
--color-active-line: #fffbdd;
accent-color: var(--color-accent);
color-scheme: light
}
+
:root * {
- --fonts-regular: var(--fonts-override, var(--fonts-proportional)), "Noto Sans", "Liberation Sans", sans-serif, var(--fonts-emoji)
+ --fonts-regular: var(--fonts-override, var(--fonts-proportional)), "Noto Sans", "Liberation Sans", sans-serif, var(--fonts-emoji);
}
textarea {
diff --git a/public/css/theme-auto.css b/public/css/theme-auto.css
index aec0400..3d3b8ae 100644
--- a/public/css/theme-auto.css
+++ b/public/css/theme-auto.css
@@ -377,6 +377,8 @@
--color-primary-alpha-70: #7289DAb3;
--color-primary-alpha-80: #7289DAcc;
--color-primary-alpha-90: #7289DAe1;
+ --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;
@@ -404,6 +406,17 @@
--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);
+ --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;
--color-red: #cc4848;
--color-orange: #cc580c;
--color-yellow: #cc9903;
@@ -415,7 +428,6 @@
--color-purple: #b259d0;
--color-pink: #d22e8b;
--color-brown: #a47252;
- --color-grey: #9ea2aa;
--color-black: #1e222e;
--color-red-light: #c23636;
--color-orange-light: #b84f0b;
@@ -428,8 +440,33 @@
--color-purple-light: #a742c9;
--color-pink-light: #be297d;
--color-brown-light: #94674a;
- --color-grey-light: #8d919b;
--color-black-light: #1b1f29;
+ --color-red-dark-1: #c23636;
+ --color-orange-dark-1: #f38236;
+ --color-yellow-dark-1: #b88a03;
+ --color-olive-dark-1: #839311;
+ --color-green-dark-1: #4E5D94;
+ --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;
+ --color-red-dark-2: #ad3030;
+ --color-orange-dark-2: #f16e17;
+ --color-yellow-dark-2: #a37a02;
+ --color-olive-dark-2: #74820f;
+ --color-green-dark-2: #4E5D94;
+ --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;
+ --color-grey: #505665;
+ --color-grey-light: #8d919b;
--color-gold: #b1983b;
--color-white: #ffffff;
--color-diff-removed-word-bg: #6f3333;
@@ -485,8 +522,8 @@
--color-input-toggle-background: #454a57;
--color-input-border: #454a57;
--color-input-border-hover: #505667;
- --color-navbar: #2a2e3a;
- --color-navbar-transparent: #2a2e3a00;
+ --color-header-wrapper: #2a2e3a;
+ --color-header-wrapper-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;
@@ -508,16 +545,24 @@
--color-project-board-bg: var(--color-secondary-light-2);
--color-caret: var(--color-text);
--color-reaction-bg: #ffffff12;
+ --color-reaction-hover-bg: var(--color-primary-light-4);
--color-reaction-active-bg: var(--color-primary-alpha-40);
- --color-header-bar: #2e323e;
+ --color-tooltip-text: #ffffff;
+ --color-tooltip-bg: #000000f0;
+ --color-nav-bg: #232834;
+ --color-nav-hover-bg: #383c47;
+ --color-label-text: #dfe3ec;
--color-label-active-bg: #4c525e;
+ --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;
accent-color: var(--color-accent);
+ --color-label-bg: #2A2E3A;
color-scheme: dark
}
-
+
.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)
}