move styles around and add logo theme
This commit is contained in:
parent
abf8b40591
commit
250081b32a
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user