feat: update light theme
This commit is contained in:
parent
89e1938210
commit
3404fa0f61
1 changed files with 22 additions and 22 deletions
|
@ -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);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue