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