From 6416132540ff74e9b3a4dea0c2f06f4785afd40b Mon Sep 17 00:00:00 2001 From: Sophia Atkinson Date: Mon, 31 Jul 2023 23:27:32 -0700 Subject: [PATCH] shit changed! --- public/css/index.css | 77 +++++++++++++++++++++++++++++++-------- public/css/theme-auto.css | 57 ++++++++++++++++++++++++++--- 2 files changed, 112 insertions(+), 22 deletions(-) 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) }