move styles around and add logo theme

This commit is contained in:
Triston Armstrong 2023-12-31 09:34:59 -06:00
parent abf8b40591
commit 250081b32a

View File

@ -3,27 +3,11 @@
@tailwind utilities; @tailwind utilities;
:root { :root {
--background-body: #202b38; /* LOGO Theme colors */
--background: #161f27; --rich-black: #071425ff;
--background-alt: #1a242f; --air-force-blue: #6f8fa5ff;
--selection: #1c76c5; --light-blue: #a5c6cdff;
--text-main: #dbdbdb; --white: #ffffffff;
--text-bright: #fff;
--text-muted: #a9b1ba;
--links: #41adff;
--focus: #0096bfab;
--border: #526980;
--code: #ffbe85;
--animation-duration: 0.1s;
--button-base: #0c151c;
--button-hover: #040a0f;
--scrollbar-thumb: var(--button-hover);
--scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(-30%));
--form-placeholder: #a9a9a9;
--form-text: #fff;
--variable: #d941e2;
--highlight: #efdb43;
--select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);
} }
@layer components { @layer components {
@ -42,6 +26,29 @@
} }
@layer base { @layer base {
:root {
--background-body: #202b38;
--background: #161f27;
--background-alt: #1a242f;
--selection: #1c76c5;
--text-main: #dbdbdb;
--text-bright: #fff;
--text-muted: #a9b1ba;
--links: #41adff;
--focus: #0096bfab;
--border: #526980;
--code: #ffbe85;
--animation-duration: 0.1s;
--button-base: #0c151c;
--button-hover: #040a0f;
--scrollbar-thumb: var(--button-hover);
--scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(-30%));
--form-placeholder: #a9a9a9;
--form-text: #fff;
--variable: #d941e2;
--highlight: #efdb43;
--select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);
}
/* base --------------------------------*/ /* base --------------------------------*/
html { html {