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 {
/* Light Theme */
:root {
--color-text-primary: 0, 0, 0;
--color-text-primary: 15, 15, 15;
--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-accent: 255, 180, 0;
--color-text-accent-muted: 240, 170, 0;
--color-text-accent: 255, 199, 44;
--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-secondary: 245, 245, 245;
--color-background-secondary: 244, 237, 237;
--color-background-secondary-muted: 230, 230, 230;
--color-background-accent: 255, 199, 44;
--color-background-accent-muted: 240, 184, 34;
--color-shadow: 200, 200, 200;
--color-border: 200, 200, 200;
}
/* Dark Theme */
.theme-dark {
--color-text-primary: 255, 255, 255;
--color-text-primary: 252, 252, 252;
--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-accent: 255, 180, 50;
--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-muted: 49, 49, 52;
--color-background-accent: 250, 183, 0;
--color-background-accent-muted: 225, 158, 0;
--color-background-accent: 255, 180, 50;
--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: {
skin: {
primary: withOpacity("--color-text-secondary-muted"),
primary: withOpacity("--color-shadow"),
},
},
// "border"
ringColor: {
skin: {
primary: withOpacity("--color-text-secondary-muted"),
primary: withOpacity("--color-border"),
accent: withOpacity("--color-text-accent-muted"),
},
},
divideColor: {
skin: {
primary: withOpacity("--color-text-secondary-muted"),
primary: withOpacity("--color-border"),
},
},
borderColor: {
skin: {
primary: withOpacity("--color-text-secondary-muted"),
primary: withOpacity("--color-border"),
accent: withOpacity("--color-text-accent-muted"),
},
},