88 lines
2.0 KiB
CSS
88 lines
2.0 KiB
CSS
@import "tailwindcss/base";
|
|
@import "tailwindcss/components";
|
|
@import "tailwindcss/utilities";
|
|
|
|
:root {
|
|
/*
|
|
--primary: #3d3d3d;
|
|
--secondary: #535353;
|
|
--trinary: #2c2c2c;
|
|
--primary-text: #ffffff;
|
|
--secondary-text: #a0a0a0;
|
|
--primary-invert: #f3f3f3;
|
|
--secondary-invert: #dbdbdb;
|
|
--trinary-invert: #ffffff;
|
|
--primary-invert-text: #3d3d3d;
|
|
--secondary-invert-text: #535353;
|
|
--accent: #00C800;
|
|
--accent-dark: #008f00;
|
|
--accent-light: #00ed00;
|
|
--accent2: #3080FF;
|
|
--accent2-dark: #225ab4;
|
|
--accent3: #804000;
|
|
--accent3-dark: #472400;
|
|
--accent4: #F8B02C;
|
|
--accent4-dark: #bd8724;
|
|
--accent5: #9E3086;
|
|
--accent5-dark: #6b215b;
|
|
*/
|
|
--primary: 61 61 61;
|
|
--secondary: 83 83 83;
|
|
--trinary: 44 44 44;
|
|
--primary-text: 255 255 255;
|
|
--secondary-text: 237 246 255;
|
|
--primary-invert: 243 243 243;
|
|
--secondary-invert: 219 219 219;
|
|
--trinary-invert: 255 255 255;
|
|
--primary-invert-text: 61 61 61;
|
|
--secondary-invert-text: 83 83 83;
|
|
--accent: 57 172 231;
|
|
--accent-dark: 7 132 181;
|
|
--accent-light: 153 204 255;
|
|
--accent2: 48 128 255;
|
|
--accent2-dark: 34 90 180;
|
|
--accent3: 128 64 0;
|
|
--accent3-dark: 71 36 0;
|
|
--accent4: 248 176 44;
|
|
--accent4-dark: 189 135 36;
|
|
--accent5: 158 48 134;
|
|
--accent5-dark: 107 33 91;
|
|
--primary-border: 61 61 61;
|
|
--secondary-border: 83 83 83;
|
|
--trinary-border: 44 44 44;
|
|
}
|
|
|
|
.light\-theme {
|
|
--primary: 243 243 243;
|
|
--secondary: 219 219 219;
|
|
--trinary: 255 255 255;
|
|
--primary-text: 61 61 61;
|
|
--secondary-text: 83 83 83;
|
|
--primary-invert: 61 61 61;
|
|
--secondary-invert: 83 83 83;
|
|
--trinary-invert: 44 44 44;
|
|
--primary-text-invert: 255 255 255;
|
|
--secondary-text-invert: 160 160 160;
|
|
}
|
|
|
|
body {
|
|
-webkit-tap-highlight-color: var(--accent);
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 0.5rem;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: var(--secondary);
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: var(--accent-dark);
|
|
}
|