flo/bee-frontend-ARCHIVED
Archived
1
0
Fork 0
generated from flo/template-frontend
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fue changes 1

Browse Source
This commit is contained in:
Flo 2024-09-14 16:22:46 +00:00
parent 1f99cfb53c
commit 0db2507aa4
2 changed files with 32 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/styles.scss
View File

@ -5,39 +5,52 @@
@layer base { @layer base {
/* Light Theme */ /* Light Theme */
:root { :root {
--color-text-primary: 0, 0, 0; --color-text-primary: 15, 15, 15;
--color-text-primary-muted: 50, 50, 50; --color-text-primary-muted: 50, 50, 50;
--color-text-secondary: 255, 255, 255;
--color-text-secondary: 252, 252, 252;
--color-text-secondary-muted: 200, 200, 200; --color-text-secondary-muted: 200, 200, 200;
--color-text-accent: 255, 180, 0; --color-text-accent: 255, 199, 44;
--color-text-accent-muted: 240, 170, 0; --color-text-accent-muted: 240, 184, 34;
--color-background-primary: 255, 255, 255;
--color-background-primary: 252, 252, 252;
--color-background-primary-muted: 240, 240, 240; --color-background-primary-muted: 240, 240, 240;
--color-background-secondary: 245, 245, 245;
--color-background-secondary: 244, 237, 237;
--color-background-secondary-muted: 230, 230, 230; --color-background-secondary-muted: 230, 230, 230;
--color-background-accent: 255, 199, 44; --color-background-accent: 255, 199, 44;
--color-background-accent-muted: 240, 184, 34; --color-background-accent-muted: 240, 184, 34;
--color-shadow: 200, 200, 200;
--color-border: 200, 200, 200;
} }
/* Dark Theme */ /* Dark Theme */
.theme-dark { .theme-dark {
--color-text-primary: 255, 255, 255; --color-text-primary: 252, 252, 252;
--color-text-primary-muted: 170, 170, 170; --color-text-primary-muted: 170, 170, 170;
--color-text-secondary: 0, 0, 0;
--color-text-secondary: 15, 15, 15;
--color-text-secondary-muted: 100, 100, 100; --color-text-secondary-muted: 100, 100, 100;
--color-text-accent: 255, 180, 50; --color-text-accent: 255, 180, 50;
--color-text-accent-muted: 230, 160, 40; --color-text-accent-muted: 230, 160, 40;
--color-background-primary: 24, 24, 27;
--color-background-primary-muted: 34, 34, 37; --color-background-primary: 15, 15, 15;
--color-background-primary-muted: 34, 34, 34;
--color-background-secondary: 39, 39, 42; --color-background-secondary: 39, 39, 42;
--color-background-secondary-muted: 49, 49, 52; --color-background-secondary-muted: 49, 49, 52;
--color-background-accent: 250, 183, 0; --color-background-accent: 255, 180, 50;
--color-background-accent-muted: 225, 158, 0; --color-background-accent-muted: 230, 160, 40;
--color-shadow: 120, 120, 120;
--color-border: 120, 120, 120;
} }
} }

12
tailwind.config.js
View File

@ -46,26 +46,28 @@ module.exports = {
}, },
}, },
// "delicate lines" // "shadow"
boxShadowColor: { boxShadowColor: {
skin: { skin: {
primary: withOpacity("--color-text-secondary-muted"), primary: withOpacity("--color-shadow"),
}, },
}, },
// "border"
ringColor: { ringColor: {
skin: { skin: {
primary: withOpacity("--color-text-secondary-muted"), primary: withOpacity("--color-border"),
accent: withOpacity("--color-text-accent-muted"), accent: withOpacity("--color-text-accent-muted"),
}, },
}, },
divideColor: { divideColor: {
skin: { skin: {
primary: withOpacity("--color-text-secondary-muted"), primary: withOpacity("--color-border"),
}, },
}, },
borderColor: { borderColor: {
skin: { skin: {
primary: withOpacity("--color-text-secondary-muted"), primary: withOpacity("--color-border"),
accent: withOpacity("--color-text-accent-muted"), accent: withOpacity("--color-text-accent-muted"),
}, },
}, },