Rodax_Software/metis-desk
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualizar tema

Browse Source
This commit is contained in:
David Arranz 2026-10-10 14:10:02 +02:00
parent 035553065d
commit ee21c0a80e
2 changed files with 102 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/shadcn-ui/components.json
View File

@ -6,7 +6,7 @@
"tailwind": {
"config": "",
"css": "src/styles/globals.css",
"baseColor": "olive",
"baseColor": "neutral",
"cssVariables": true,
"prefix": ""
},

103
packages/shadcn-ui/src/styles/globals.css
View File

@ -7,28 +7,38 @@
:root {
--background: oklch(0.9911 0 0);
--foreground: oklch(0.1763 0.0140 258.3572);
--card: oklch(1.0000 0 0);
--card-foreground: oklch(0.1763 0.0140 258.3572);
--popover: oklch(1.0000 0 0);
--popover-foreground: oklch(0.1763 0.0140 258.3572);
--primary: oklch(0.5882 0.2309 28.2936);
--primary-foreground: oklch(1.0000 0 0);
--secondary: oklch(0.3303 0.0753 267.1046);
--secondary-foreground: oklch(1.0000 0 0);
--muted: oklch(0.9674 0.0013 286.3752);
--muted-foreground: oklch(0.5517 0.0138 285.9385);
--accent: oklch(0.8342 0.0950 7.8239);
--accent-foreground: oklch(0.3155 0.1064 18.1157);
--destructive: oklch(0.3999 0.1641 29.2339);
--destructive-foreground: oklch(1.0000 0 0);
--border: oklch(0.9197 0.0040 286.3202);
--input: oklch(0.9197 0.0040 286.3202);
--ring: oklch(0.5882 0.2309 28.2936);
--chart-1: oklch(0.5882 0.2309 28.2936);
--chart-2: oklch(0.3303 0.0753 267.1046);
--chart-3: oklch(0.8342 0.0950 7.8239);
--chart-4: oklch(0.8948 0.0509 64.2066);
--chart-5: oklch(0.7118 0.0129 286.0665);
--sidebar: oklch(1.0000 0 0);
--sidebar-foreground: oklch(0.3703 0.0119 285.8054);
--sidebar-primary: oklch(0.5882 0.2309 28.2936);
@ -37,10 +47,11 @@
--sidebar-accent-foreground: oklch(0.1763 0.0140 258.3572);
--sidebar-border: oklch(0.9674 0.0013 286.3752);
--sidebar-ring: oklch(0.5882 0.2309 28.2936);
--font-sans: 'Inter', sans-serif;
--font-serif: 'Georgia', serif;
--font-mono: 'JetBrains Mono', monospace;
--radius: 0.75rem;
--shadow-x: 0px;
--shadow-y: 4px;
--shadow-blur: 10px;
@ -55,35 +66,50 @@
--shadow-lg: 0px 4px 10px -2px hsl(0 0% 0% / 0.10), 0px 4px 6px -3px hsl(0 0% 0% / 0.10);
--shadow-xl: 0px 4px 10px -2px hsl(0 0% 0% / 0.10), 0px 8px 10px -3px hsl(0 0% 0% / 0.10);
--shadow-2xl: 0px 4px 10px -2px hsl(0 0% 0% / 0.25);
--tracking-normal: -0.02em;
--radius: 0.5rem;
--spacing: 0.25rem;
}
.dark {
--background: oklch(0.1645 0.0086 274.3354);
--foreground: oklch(0.9911 0 0);
--card: oklch(0.2145 0.0184 270.4182);
--card-foreground: oklch(0.9911 0 0);
--popover: oklch(0.2145 0.0184 270.4182);
--popover-foreground: oklch(0.9911 0 0);
--primary: oklch(0.6453 0.2404 27.3106);
--primary-foreground: oklch(1.0000 0 0);
--secondary: oklch(0.2604 0.0471 267.4902);
--secondary-foreground: oklch(1.0000 0 0);
--muted: oklch(0.2739 0.0055 286.0326);
--muted-foreground: oklch(0.7118 0.0129 286.0665);
--accent: oklch(0.6986 0.1954 14.1660);
--accent-foreground: oklch(1.0000 0 0);
--destructive: oklch(0.3958 0.1331 25.7230);
--destructive-foreground: oklch(1.0000 0 0);
--border: oklch(0.2739 0.0055 286.0326);
--input: oklch(0.2739 0.0055 286.0326);
--ring: oklch(0.6453 0.2404 27.3106);
--chart-1: oklch(0.6453 0.2404 27.3106);
--chart-2: oklch(0.3986 0.0946 266.8132);
--chart-3: oklch(0.7570 0.1485 11.9623);
--chart-4: oklch(0.7824 0.0829 60.0948);
--chart-5: oklch(0.4419 0.0146 285.7864);
--sidebar: oklch(0.1645 0.0086 274.3354);
--sidebar-foreground: oklch(0.7118 0.0129 286.0665);
--sidebar-primary: oklch(0.6453 0.2404 27.3106);
@ -92,10 +118,11 @@
--sidebar-accent-foreground: oklch(0.9911 0 0);
--sidebar-border: oklch(0.2739 0.0055 286.0326);
--sidebar-ring: oklch(0.6453 0.2404 27.3106);
--font-sans: 'Inter', sans-serif;
--font-serif: 'Georgia', serif;
--font-mono: 'JetBrains Mono', monospace;
--radius: 0.75rem;
--shadow-x: 0px;
--shadow-y: 8px;
--shadow-blur: 15px;
@ -112,6 +139,19 @@
--shadow-2xl: 0px 8px 15px -3px hsl(0 0% 0% / 1.00);
}
@theme {
--spacing: 4px;
--spacing-sidebar-width: 280px;
--spacing-header-height: 74px;
--spacing-topbar-height: 60px;
--spacing-sidebar-collapsed-width: 110px;
--spacing-sidebar-collapsed-active-width: 300px;
--spacing-sidebar-tab-width: 75px;
--spacing-sidebar-tab-navbar-width: 320px;
--text-base: 0.875rem;
}
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
@ -150,10 +190,14 @@
--font-mono: var(--font-mono);
--font-serif: var(--font-serif);
/* Radius */
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
--radius-xl: calc(var(--radius) + 4px);
--radius-2xl: calc(var(--radius) + 8px);
--radius-3xl: calc(var(--radius) + 12px);
--radius-4xl: calc(var(--radius) + 16px);
--shadow-2xs: var(--shadow-2xs);
--shadow-xs: var(--shadow-xs);
@ -184,4 +228,59 @@
button:not(:disabled), [role="button"]:not(:disabled) {
cursor: pointer;
}
html {
@apply font-sans;
}
h1,
.h1 {
font-size: 38px;
font-weight: 700;
}
h2,
.h2 {
font-size: 30px;
font-weight: 700;
}
h3,
.h3 {
font-size: 24px;
font-weight: 600;
}
h4,
.h4 {
font-size: 20px;
font-weight: 600;
}
h5,
.h5 {
font-size: 16px;
font-weight: 600;
}
h6,
.h6 {
font-size: 14px;
font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
@apply text-mist-800 dark:text-mist-100;
}
}