padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

PWA

Browse source
This commit is contained in:
padreug 2025-02-11 00:25:47 +01:00
parent 9cde9b5cf7
commit f3927b97a4
21 changed files with 8672 additions and 202 deletions
Download patch file Download diff file Expand all files Collapse all files

165
src/assets/index.css
View file

@ -1,6 +1,89 @@
@import "tailwindcss";
@layer base {
:root {
/* Catppuccin Latte */
--color-background: #eff1f5;
--color-foreground: #4c4f69;
--color-card: #e6e9ef;
--color-card-foreground: #4c4f69;
--color-popover: #e6e9ef;
--color-popover-foreground: #4c4f69;
--color-primary: #1e66f5;
--color-primary-foreground: #eff1f5;
--color-secondary: #ccd0da;
--color-secondary-foreground: #4c4f69;
--color-muted: #ccd0da;
--color-muted-foreground: #6c6f85;
--color-accent: #dc8a78;
--color-accent-foreground: #eff1f5;
--color-destructive: #d20f39;
--color-destructive-foreground: #eff1f5;
--color-border: #bcc0cc;
--color-input: #bcc0cc;
--color-ring: #1e66f5;
--radius: 0.5rem;
}
.dark {
/* Catppuccin Macchiato - we'll use the same colors for dark mode */
--color-background: #24273a;
--color-foreground: #cad3f5;
--color-card: #1e2030;
--color-card-foreground: #cad3f5;
--color-popover: #1e2030;
--color-popover-foreground: #cad3f5;
--color-primary: #8aadf4;
--color-primary-foreground: #24273a;
--color-secondary: #363a4f;
--color-secondary-foreground: #cad3f5;
--color-muted: #363a4f;
--color-muted-foreground: #a5adcb;
--color-accent: #f4dbd6;
--color-accent-foreground: #24273a;
--color-destructive: #ed8796;
--color-destructive-foreground: #24273a;
--color-border: #363a4f;
--color-input: #363a4f;
--color-ring: #8aadf4;
}
* {
@apply box-border;
}
body {
@apply bg-background text-foreground;
}
}
@utility bg-background {
background-color: var(--color-background);
}
@utility text-foreground {
color: var(--color-foreground);
}
/* Add other utility classes for colors */
@utility bg-card {
background-color: var(--color-card);
}
@utility text-card-foreground {
color: var(--color-card-foreground);
}
@utility bg-primary {
background-color: var(--color-primary);
}
@utility text-primary-foreground {
color: var(--color-primary-foreground);
}
/* ... add other utility classes as needed ... */
/* :root { */
/* /* gruvbox light theme */ */
/* --color-background: hsl(32 92% 87%); /* bg0 */ */
@ -64,85 +147,3 @@
/* --color-input: hsl(24 10% 51%); /* fg4 */ */
/* --color-ring: hsl(6 93% 59%); /* red */ */
/* } */
:root {
/* Catppuccin Macchiato */
--color-background: #24273a;
--color-foreground: #cad3f5;
--color-card: #1e2030;
--color-card-foreground: #cad3f5;
--color-popover: #1e2030;
--color-popover-foreground: #cad3f5;
--color-primary: #8aadf4;
--color-primary-foreground: #24273a;
--color-secondary: #363a4f;
--color-secondary-foreground: #cad3f5;
--color-muted: #363a4f;
--color-muted-foreground: #a5adcb;
--color-accent: #f4dbd6;
--color-accent-foreground: #24273a;
--color-destructive: #ed8796;
--color-destructive-foreground: #24273a;
--color-border: #363a4f;
--color-input: #363a4f;
--color-ring: #8aadf4;
--radius: 0.5rem;
}
.dark {
/* Catppuccin Macchiato - we'll use the same colors for dark mode */
--color-background: #24273a;
--color-foreground: #cad3f5;
--color-card: #1e2030;
--color-card-foreground: #cad3f5;
--color-popover: #1e2030;
--color-popover-foreground: #cad3f5;
--color-primary: #8aadf4;
--color-primary-foreground: #24273a;
--color-secondary: #363a4f;
--color-secondary-foreground: #cad3f5;
--color-muted: #363a4f;
--color-muted-foreground: #a5adcb;
--color-accent: #f4dbd6;
--color-accent-foreground: #24273a;
--color-destructive: #ed8796;
--color-destructive-foreground: #24273a;
--color-border: #363a4f;
--color-input: #363a4f;
--color-ring: #8aadf4;
}
* {
@apply box-border;
}
body {
@apply bg-background text-foreground;
}
}
@utility bg-background {
background-color: var(--color-background);
}
@utility text-foreground {
color: var(--color-foreground);
}
/* Add other utility classes for colors */
@utility bg-card {
background-color: var(--color-card);
}
@utility text-card-foreground {
color: var(--color-card-foreground);
}
@utility bg-primary {
background-color: var(--color-primary);
}
@utility text-primary-foreground {
color: var(--color-primary-foreground);
}
/* ... add other utility classes as needed ... */