feat: update light theme

This commit is contained in:
Gnarwhal 2025-07-04 20:09:56 +00:00
parent 89e1938210
commit 3404fa0f61
Signed by: Gnarwhal
GPG key ID: 0989A73D8C421174

View file

@ -1,23 +1,23 @@
:root { :root {
/* not actually steel lol */ /* not actually steel lol */
--steel-950: #050508; --steel-950: #050508;
--steel-900: #10121D; --steel-900: #10121d;
--steel-850: #141623; --steel-850: #141623;
--steel-800: #1A1C2B; --steel-800: #1a1c2b;
--steel-750: #212336; --steel-750: #212336;
--steel-700: #2A2D41; --steel-700: #2a2d41;
--steel-650: #353952; --steel-650: #353952;
--steel-600: #414560; --steel-600: #414560;
--steel-550: #4F5471; --steel-550: #4f5471;
--steel-500: #616686; --steel-500: #616686;
--steel-450: #73789B; --steel-450: #73789b;
--steel-400: #8186A8; --steel-400: #8186a8;
--steel-350: #9095B5; --steel-350: #9095b5;
--steel-300: #A6ABCB; --steel-300: #a6abcb;
--steel-250: #B9BEDB; --steel-250: #b9bedb;
--steel-200: #CCD0EA; --steel-200: #ccd0ea;
--steel-150: #DCDFF6; --steel-150: #e5e8ff;
--steel-100: #E9EBFC; --steel-100: #eff0ff;
--color-primary: #a348dc; --color-primary: #a348dc;
--color-primary-contrast: #000; --color-primary-contrast: #000;
--color-primary-dark-1: #874bad; --color-primary-dark-1: #874bad;
@ -127,7 +127,7 @@
--color-warning-text: #fefce8; --color-warning-text: #fefce8;
--color-info-border: #2e50b0; --color-info-border: #2e50b0;
--color-info-bg: #2a396b; --color-info-bg: #2a396b;
--color-info-text: var(--steel-100); --color-info-text: var(--steel-150);
--color-red-badge: #b91c1c; --color-red-badge: #b91c1c;
--color-red-badge-bg: #b91c1c22; --color-red-badge-bg: #b91c1c22;
--color-red-badge-hover-bg: #b91c1c44; --color-red-badge-hover-bg: #b91c1c44;
@ -145,9 +145,9 @@
--color-icon-red: var(--color-red); --color-icon-red: var(--color-red);
--color-icon-purple: var(--color-primary); --color-icon-purple: var(--color-primary);
/* target-based colors */ /* target-based colors */
--color-body: #fff; --color-body: var(--steel-100);
--color-box-header: var(--steel-100); --color-box-header: var(--steel-150);
--color-box-body: var(--steel-100); --color-box-body: var(--steel-150);
--color-box-body-highlight: var(--steel-200); --color-box-body-highlight: var(--steel-200);
--color-text-dark: #000; --color-text-dark: #000;
--color-text: var(--steel-900); --color-text: var(--steel-900);
@ -155,10 +155,10 @@
--color-text-light-1: var(--steel-500); --color-text-light-1: var(--steel-500);
--color-text-light-2: var(--steel-550); --color-text-light-2: var(--steel-550);
--color-text-light-3: var(--steel-600); --color-text-light-3: var(--steel-600);
--color-footer: var(--steel-100); --color-footer: var(--steel-150);
--color-timeline: var(--steel-200); --color-timeline: var(--steel-200);
--color-input-text: var(--steel-800); --color-input-text: var(--steel-800);
--color-input-background: var(--steel-100); --color-input-background: var(--steel-150);
--color-input-toggle-background: var(--steel-650); --color-input-toggle-background: var(--steel-650);
--color-input-border: var(--steel-400); --color-input-border: var(--steel-400);
--color-input-border-hover: var(--steel-450); --color-input-border-hover: var(--steel-450);
@ -172,12 +172,12 @@
--color-light-border: #1e202e24; --color-light-border: #1e202e24;
--color-hover: var(--steel-150); --color-hover: var(--steel-150);
--color-active: var(--steel-250); --color-active: var(--steel-250);
--color-menu: var(--steel-100); --color-menu: var(--steel-150);
--color-card: var(--steel-100); --color-card: var(--steel-150);
--color-markup-table-row: #ffffff06; --color-markup-table-row: #ffffff06;
--color-markup-code-block: var(--steel-150); --color-markup-code-block: var(--steel-150);
--color-button: var(--steel-100); --color-button: var(--steel-150);
--color-code-bg: var(--steel-100); --color-code-bg: var(--steel-150);
--color-code-sidebar-bg: var(--steel-600); --color-code-sidebar-bg: var(--steel-600);
--color-shadow: #00000060; --color-shadow: #00000060;
--color-secondary-bg: var(--steel-700); --color-secondary-bg: var(--steel-700);