Unify the dashboard experience and retire the multi-theme engine so onboarding and day-to-day invoicing feel consistent and easier to maintain.
Shared layout, tabs, and sidebar timer; user onboarding and registration polish; settings danger zone and data export; chart and tRPC perf fixes; migrations for onboarding and dropped appearance columns. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Cursor
+11
-577
@@ -3,218 +3,35 @@
|
||||
|
||||
@layer base {
|
||||
:root {
|
||||
--app-font-sans: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
|
||||
--app-font-heading: var(--font-playfair), ui-serif, Georgia, serif;
|
||||
|
||||
--background: 0 0% 100%;
|
||||
/* #FFFFFF */
|
||||
--foreground: 240 10% 3.9%;
|
||||
/* #09090B */
|
||||
--card: 0 0% 100%;
|
||||
/* #FFFFFF */
|
||||
--card-foreground: 240 10% 3.9%;
|
||||
--popover: 0 0% 100%;
|
||||
--popover-foreground: 240 10% 3.9%;
|
||||
--primary: 240 5.9% 10%;
|
||||
/* #18181B */
|
||||
--primary-foreground: 0 0% 98%;
|
||||
/* #FAFAFA */
|
||||
--secondary: 240 4.8% 90%;
|
||||
/* #E4E4E7 (Darkened for contrast) */
|
||||
--secondary-foreground: 240 5.9% 10%;
|
||||
--muted: 240 4.8% 95.9%;
|
||||
/* #F4F4F5 */
|
||||
--muted-foreground: 240 3.8% 46.1%;
|
||||
--accent: 240 4.8% 95.9%;
|
||||
--accent-foreground: 240 5.9% 10%;
|
||||
--destructive: 0 84.2% 60.2%;
|
||||
--destructive-foreground: 0 0% 98%;
|
||||
--border: 240 5.9% 90%;
|
||||
/* #E4E4E7 */
|
||||
--input: 240 5.9% 90%;
|
||||
--ring: 240 10% 3.9%;
|
||||
--radius: 1rem;
|
||||
/* 16px Global Radius */
|
||||
}
|
||||
|
||||
:root[data-interface-theme="shadcn"] {
|
||||
--primary: 240 5.9% 10%;
|
||||
--primary-foreground: 0 0% 98%;
|
||||
--secondary: 240 4.8% 95.9%;
|
||||
--secondary-foreground: 240 5.9% 10%;
|
||||
--accent: 240 4.8% 95.9%;
|
||||
--accent-foreground: 240 5.9% 10%;
|
||||
--radius: 0.5rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="beenvoice"] {
|
||||
--secondary: 240 4.8% 90%;
|
||||
--secondary-foreground: 240 5.9% 10%;
|
||||
--radius: 1rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] {
|
||||
--background: 0 0% 100%;
|
||||
--foreground: 210 24% 8%;
|
||||
--card: 0 0% 100%;
|
||||
--card-foreground: 210 24% 8%;
|
||||
--popover: 0 0% 100%;
|
||||
--popover-foreground: 210 24% 8%;
|
||||
--primary: 203 100% 18%;
|
||||
--primary-foreground: 46 100% 91%;
|
||||
--secondary: 47 100% 50%;
|
||||
--secondary-foreground: 210 24% 8%;
|
||||
--muted: 199 73% 91%;
|
||||
--muted-foreground: 203 52% 24%;
|
||||
--accent: 47 100% 50%;
|
||||
--accent-foreground: 210 24% 8%;
|
||||
--border: 203 45% 42%;
|
||||
--input: 203 45% 42%;
|
||||
--ring: 203 100% 18%;
|
||||
--radius: 0rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger-aero"] {
|
||||
--background: 190 76% 96%;
|
||||
--foreground: 205 50% 12%;
|
||||
--card: 0 0% 100%;
|
||||
--card-foreground: 205 50% 12%;
|
||||
--popover: 0 0% 100%;
|
||||
--popover-foreground: 205 50% 12%;
|
||||
--primary: 201 100% 37%;
|
||||
--primary-foreground: 0 0% 100%;
|
||||
--secondary: 104 55% 55%;
|
||||
--secondary-foreground: 205 50% 12%;
|
||||
--muted: 190 56% 90%;
|
||||
--muted-foreground: 205 32% 32%;
|
||||
--accent: 104 55% 55%;
|
||||
--accent-foreground: 205 50% 12%;
|
||||
--border: 195 48% 74%;
|
||||
--input: 195 48% 74%;
|
||||
--ring: 201 100% 37%;
|
||||
--radius: 0.75rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="minimal"] {
|
||||
--background: 0 0% 100%;
|
||||
--card: 0 0% 100%;
|
||||
--popover: 0 0% 100%;
|
||||
--primary: 240 5.9% 10%;
|
||||
--primary-foreground: 0 0% 98%;
|
||||
--secondary: 240 4.8% 96.5%;
|
||||
--secondary-foreground: 240 5.9% 10%;
|
||||
--muted: 240 4.8% 97%;
|
||||
--accent: 240 4.8% 96%;
|
||||
--accent-foreground: 240 5.9% 10%;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="editorial"] {
|
||||
--background: 36 33% 98%;
|
||||
--card: 36 33% 99%;
|
||||
--popover: 36 33% 99%;
|
||||
--primary: 346.8 77.2% 49.8%;
|
||||
--primary-foreground: 355.7 100% 97.3%;
|
||||
--secondary: 30 18% 91%;
|
||||
--secondary-foreground: 24 10% 10%;
|
||||
--muted: 30 20% 94%;
|
||||
--accent: 346.8 77.2% 49.8%;
|
||||
--accent-foreground: 355.7 100% 97.3%;
|
||||
--border: 30 15% 86%;
|
||||
--input: 30 15% 86%;
|
||||
}
|
||||
|
||||
:root[data-body-font="brand"],
|
||||
:root[data-body-font="inter"] {
|
||||
--app-font-sans: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
|
||||
}
|
||||
|
||||
:root[data-body-font="frutiger"] {
|
||||
--app-font-sans: var(--font-frutiger), ui-sans-serif, system-ui, sans-serif;
|
||||
}
|
||||
|
||||
:root[data-body-font="platform"] {
|
||||
--app-font-sans:
|
||||
ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
:root[data-body-font="serif"] {
|
||||
--app-font-sans:
|
||||
ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
||||
}
|
||||
|
||||
:root[data-heading-font="brand"],
|
||||
:root[data-heading-font="serif"] {
|
||||
--app-font-heading: var(--font-playfair), ui-serif, Georgia, serif;
|
||||
}
|
||||
|
||||
:root[data-heading-font="frutiger"] {
|
||||
--app-font-heading: var(--font-frutiger), ui-sans-serif, system-ui, sans-serif;
|
||||
}
|
||||
|
||||
:root[data-heading-font="platform"] {
|
||||
--app-font-heading:
|
||||
ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
:root[data-heading-font="inter"] {
|
||||
--app-font-heading: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
|
||||
}
|
||||
|
||||
:root[data-font="brand"]:not([data-body-font]) {
|
||||
--app-font-sans: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
|
||||
--app-font-heading: var(--font-playfair), ui-serif, Georgia, serif;
|
||||
}
|
||||
|
||||
:root[data-font="frutiger"]:not([data-body-font]) {
|
||||
--app-font-sans: var(--font-frutiger), ui-sans-serif, system-ui, sans-serif;
|
||||
--app-font-heading: var(--font-frutiger), ui-sans-serif, system-ui, sans-serif;
|
||||
}
|
||||
|
||||
:root[data-font="platform"]:not([data-body-font]) {
|
||||
--app-font-sans:
|
||||
ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
sans-serif;
|
||||
--app-font-heading:
|
||||
ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
:root[data-font="inter"]:not([data-body-font]) {
|
||||
--app-font-sans: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
|
||||
--app-font-heading: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
|
||||
}
|
||||
|
||||
:root[data-font="serif"]:not([data-body-font]) {
|
||||
--app-font-sans:
|
||||
ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
||||
--app-font-heading: var(--font-playfair), ui-serif, Georgia, serif;
|
||||
}
|
||||
|
||||
:root[data-radius="none"] {
|
||||
--radius: 0rem;
|
||||
}
|
||||
|
||||
:root[data-radius="sm"] {
|
||||
--radius: 0.25rem;
|
||||
}
|
||||
|
||||
:root[data-radius="md"] {
|
||||
--radius: 0.5rem;
|
||||
}
|
||||
|
||||
:root[data-radius="lg"] {
|
||||
--radius: 0.75rem;
|
||||
}
|
||||
|
||||
:root[data-radius="xl"] {
|
||||
--radius: 1rem;
|
||||
}
|
||||
|
||||
:root[data-color-mode="dark"],
|
||||
:root.dark {
|
||||
--background: 240 10% 3.9%;
|
||||
/* #09090B */
|
||||
--foreground: 0 0% 98%;
|
||||
/* #FAFAFA */
|
||||
--card: 240 10% 3.9%;
|
||||
--card-foreground: 0 0% 98%;
|
||||
--popover: 240 10% 3.9%;
|
||||
@@ -222,7 +39,6 @@
|
||||
--primary: 0 0% 98%;
|
||||
--primary-foreground: 240 5.9% 10%;
|
||||
--secondary: 240 3.7% 20%;
|
||||
/* #27272A */
|
||||
--secondary-foreground: 0 0% 98%;
|
||||
--muted: 240 3.7% 15.9%;
|
||||
--muted-foreground: 240 5% 64.9%;
|
||||
@@ -231,7 +47,6 @@
|
||||
--destructive: 0 62.8% 30.6%;
|
||||
--destructive-foreground: 0 0% 98%;
|
||||
--border: 240 3.7% 15.9%;
|
||||
/* #27272A */
|
||||
--input: 240 3.7% 15.9%;
|
||||
--ring: 240 4.9% 83.9%;
|
||||
}
|
||||
@@ -239,9 +54,7 @@
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not([data-color-mode="light"]) {
|
||||
--background: 240 10% 3.9%;
|
||||
/* #09090B */
|
||||
--foreground: 0 0% 98%;
|
||||
/* #FAFAFA */
|
||||
--card: 240 10% 3.9%;
|
||||
--card-foreground: 0 0% 98%;
|
||||
--popover: 240 10% 3.9%;
|
||||
@@ -249,7 +62,6 @@
|
||||
--primary: 0 0% 98%;
|
||||
--primary-foreground: 240 5.9% 10%;
|
||||
--secondary: 240 3.7% 20%;
|
||||
/* #27272A */
|
||||
--secondary-foreground: 0 0% 98%;
|
||||
--muted: 240 3.7% 15.9%;
|
||||
--muted-foreground: 240 5% 64.9%;
|
||||
@@ -258,110 +70,10 @@
|
||||
--destructive: 0 62.8% 30.6%;
|
||||
--destructive-foreground: 0 0% 98%;
|
||||
--border: 240 3.7% 15.9%;
|
||||
/* #27272A */
|
||||
--input: 240 3.7% 15.9%;
|
||||
--ring: 240 4.9% 83.9%;
|
||||
}
|
||||
}
|
||||
|
||||
:root[data-color-theme="slate"] {
|
||||
--primary: 240 5.9% 10%;
|
||||
--primary-foreground: 0 0% 98%;
|
||||
--accent: 240 4.8% 95.9%;
|
||||
--accent-foreground: 240 5.9% 10%;
|
||||
}
|
||||
|
||||
:root[data-color-theme="blue"] {
|
||||
--primary: 221.2 83.2% 53.3%;
|
||||
--primary-foreground: 210 40% 98%;
|
||||
--accent: 217.2 91.2% 59.8%;
|
||||
--accent-foreground: 210 40% 98%;
|
||||
}
|
||||
|
||||
:root[data-color-theme="green"] {
|
||||
--primary: 142.1 76.2% 36.3%;
|
||||
--primary-foreground: 355.7 100% 97.3%;
|
||||
--accent: 142.1 70.6% 45.3%;
|
||||
--accent-foreground: 355.7 100% 97.3%;
|
||||
}
|
||||
|
||||
:root[data-color-theme="rose"] {
|
||||
--primary: 346.8 77.2% 49.8%;
|
||||
--primary-foreground: 355.7 100% 97.3%;
|
||||
--accent: 346.8 77.2% 49.8%;
|
||||
--accent-foreground: 355.7 100% 97.3%;
|
||||
}
|
||||
|
||||
:root[data-color-theme="orange"] {
|
||||
--primary: 24.6 95% 53.1%;
|
||||
--primary-foreground: 60 9.1% 97.8%;
|
||||
--accent: 20.5 90.2% 48.2%;
|
||||
--accent-foreground: 60 9.1% 97.8%;
|
||||
}
|
||||
|
||||
:root[data-color-theme="custom"] {
|
||||
--primary: var(--custom-primary, 142.1 76.2% 36.3%);
|
||||
--primary-foreground: 355.7 100% 97.3%;
|
||||
--accent: var(--custom-primary, 142.1 76.2% 36.3%);
|
||||
--accent-foreground: 355.7 100% 97.3%;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] {
|
||||
--background: 0 0% 100%;
|
||||
--foreground: 210 24% 8%;
|
||||
--card: 0 0% 100%;
|
||||
--card-foreground: 210 24% 8%;
|
||||
--popover: 0 0% 100%;
|
||||
--popover-foreground: 210 24% 8%;
|
||||
--primary: 203 100% 18%;
|
||||
--primary-foreground: 46 100% 91%;
|
||||
--accent: 47 100% 50%;
|
||||
--accent-foreground: 210 24% 8%;
|
||||
--secondary: 47 100% 50%;
|
||||
--secondary-foreground: 210 24% 8%;
|
||||
--muted: 199 73% 91%;
|
||||
--muted-foreground: 203 52% 24%;
|
||||
--border: 203 45% 42%;
|
||||
--input: 203 45% 42%;
|
||||
--ring: 203 100% 18%;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger-aero"] {
|
||||
--background: 190 76% 96%;
|
||||
--foreground: 205 50% 12%;
|
||||
--card: 0 0% 100%;
|
||||
--card-foreground: 205 50% 12%;
|
||||
--popover: 0 0% 100%;
|
||||
--popover-foreground: 205 50% 12%;
|
||||
--primary: 201 100% 37%;
|
||||
--primary-foreground: 0 0% 100%;
|
||||
--accent: 104 55% 55%;
|
||||
--accent-foreground: 205 50% 12%;
|
||||
--secondary: 104 55% 55%;
|
||||
--secondary-foreground: 205 50% 12%;
|
||||
--muted: 190 56% 90%;
|
||||
--muted-foreground: 205 32% 32%;
|
||||
--border: 195 48% 74%;
|
||||
--input: 195 48% 74%;
|
||||
--ring: 201 100% 37%;
|
||||
}
|
||||
|
||||
:root[data-color-mode="dark"][data-color-theme="slate"],
|
||||
:root.dark[data-color-theme="slate"] {
|
||||
--primary: 0 0% 98%;
|
||||
--primary-foreground: 240 5.9% 10%;
|
||||
--accent: 240 3.7% 15.9%;
|
||||
--accent-foreground: 0 0% 98%;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not([data-color-mode="light"])[data-color-theme="slate"] {
|
||||
--primary: 0 0% 98%;
|
||||
--primary-foreground: 240 5.9% 10%;
|
||||
--accent: 240 3.7% 15.9%;
|
||||
--accent-foreground: 0 0% 98%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@theme inline {
|
||||
@@ -415,298 +127,39 @@
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
:root[data-interface-theme="shadcn"] .brand-background,
|
||||
:root[data-interface-theme="minimal"] .brand-background {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] .brand-background {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger-aero"] .brand-background {
|
||||
display: flex;
|
||||
background:
|
||||
radial-gradient(circle at 18% 22%, hsl(104 55% 55% / 0.35), transparent 32%),
|
||||
radial-gradient(circle at 82% 18%, hsl(190 88% 66% / 0.42), transparent 30%),
|
||||
linear-gradient(180deg, hsl(195 100% 94% / 0.95), hsl(0 0% 100% / 0.35));
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] .dashboard-content-shell {
|
||||
.dashboard-content-shell {
|
||||
padding: 1rem;
|
||||
padding-top: 4rem;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
:root[data-interface-theme="frutiger"] .dashboard-content-shell {
|
||||
.dashboard-content-shell {
|
||||
padding: 1.25rem;
|
||||
padding-top: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] .bg-dashboard {
|
||||
background: hsl(var(--background));
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger-aero"] .bg-dashboard {
|
||||
background:
|
||||
radial-gradient(circle at 78% 8%, hsl(104 55% 55% / 0.22), transparent 26rem),
|
||||
linear-gradient(180deg, hsl(190 76% 96%) 0%, hsl(0 0% 100%) 72%);
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] aside {
|
||||
border-color: hsl(var(--primary));
|
||||
background-color: hsl(var(--primary));
|
||||
color: hsl(var(--primary-foreground));
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] aside [class*="text-muted-foreground"] {
|
||||
color: hsl(var(--primary-foreground) / 0.72);
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] aside a {
|
||||
color: hsl(var(--primary-foreground) / 0.86);
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] aside a:hover,
|
||||
:root[data-interface-theme="frutiger"] aside a[data-active="true"] {
|
||||
background-color: hsl(var(--accent));
|
||||
color: hsl(var(--accent-foreground));
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] aside button {
|
||||
color: hsl(var(--primary-foreground) / 0.82);
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] .dashboard-mobile-header {
|
||||
border-color: hsl(var(--primary));
|
||||
background-color: hsl(var(--accent));
|
||||
color: hsl(var(--foreground));
|
||||
backdrop-filter: none;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] .platform-header-surface {
|
||||
border-color: hsl(var(--primary));
|
||||
border-top: 0.5rem solid hsl(var(--primary));
|
||||
background-color: hsl(var(--accent));
|
||||
color: hsl(var(--foreground));
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] .platform-header-gradient {
|
||||
display: none !important;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] .platform-header-surface .text-primary,
|
||||
:root[data-interface-theme="frutiger"] .platform-header-surface [class*="text-primary"],
|
||||
:root[data-interface-theme="frutiger"] .dashboard-mobile-header .text-primary,
|
||||
:root[data-interface-theme="frutiger"] .dashboard-mobile-header [class*="text-primary"] {
|
||||
color: hsl(var(--foreground));
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] .platform-header-surface .text-muted-foreground,
|
||||
:root[data-interface-theme="frutiger"] .platform-header-surface [class*="text-muted-foreground"] {
|
||||
color: hsl(var(--foreground) / 0.72);
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger-aero"] aside {
|
||||
border-color: hsl(190 88% 66% / 0.55);
|
||||
background:
|
||||
linear-gradient(180deg, hsl(201 100% 37% / 0.82), hsl(190 88% 45% / 0.72)),
|
||||
hsl(201 100% 37% / 0.78);
|
||||
color: hsl(var(--primary-foreground));
|
||||
box-shadow: 0 18px 36px -20px hsl(201 100% 22% / 0.55);
|
||||
backdrop-filter: blur(18px) saturate(1.35);
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger-aero"] aside [class*="text-muted-foreground"] {
|
||||
color: hsl(var(--primary-foreground) / 0.76);
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger-aero"] aside a {
|
||||
color: hsl(var(--primary-foreground) / 0.88);
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger-aero"] aside a:hover,
|
||||
:root[data-interface-theme="frutiger-aero"] aside a[data-active="true"] {
|
||||
background-color: hsl(0 0% 100% / 0.92);
|
||||
color: hsl(var(--primary));
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger-aero"] .dashboard-mobile-header {
|
||||
border-color: hsl(190 88% 66% / 0.55);
|
||||
background-color: hsl(0 0% 100% / 0.78);
|
||||
color: hsl(var(--foreground));
|
||||
backdrop-filter: blur(18px) saturate(1.35);
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger-aero"] .platform-header-surface {
|
||||
border-color: hsl(190 88% 66% / 0.6);
|
||||
background:
|
||||
linear-gradient(180deg, hsl(0 0% 100% / 0.88), hsl(190 88% 92% / 0.72)),
|
||||
hsl(0 0% 100% / 0.72);
|
||||
box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.9),
|
||||
0 18px 36px -28px hsl(201 100% 37% / 0.6);
|
||||
backdrop-filter: blur(16px) saturate(1.35);
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger-aero"] .platform-header-gradient {
|
||||
display: block;
|
||||
background: radial-gradient(circle at 92% 10%, hsl(104 55% 55% / 0.45), transparent 34%),
|
||||
linear-gradient(135deg, hsl(190 88% 66% / 0.28), transparent 48%);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] [data-slot="card"],
|
||||
:root[data-interface-theme="frutiger"] [data-slot="dialog-content"],
|
||||
:root[data-interface-theme="frutiger"] [data-slot="popover-content"],
|
||||
:root[data-interface-theme="frutiger"] [data-slot="select-content"] {
|
||||
border-color: hsl(var(--primary) / 0.45);
|
||||
border-radius: 0;
|
||||
background-color: hsl(var(--card));
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] [data-slot="card"] {
|
||||
border-top: 0.35rem solid hsl(var(--accent));
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger-aero"] [data-slot="card"] {
|
||||
border-color: hsl(190 88% 66% / 0.45);
|
||||
background-color: hsl(0 0% 100% / 0.78);
|
||||
box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.9),
|
||||
0 16px 34px -30px hsl(201 100% 37% / 0.7);
|
||||
backdrop-filter: blur(14px) saturate(1.25);
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] [data-slot="button"],
|
||||
:root[data-interface-theme="frutiger"] button,
|
||||
:root[data-interface-theme="frutiger"] input,
|
||||
:root[data-interface-theme="frutiger"] textarea,
|
||||
:root[data-interface-theme="frutiger"] [role="combobox"] {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] .button-hover:hover,
|
||||
:root[data-interface-theme="frutiger"] .card-hover:hover {
|
||||
transform: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="frutiger"] [data-slot="card-header"],
|
||||
:root[data-interface-theme="frutiger"] [data-slot="card-content"],
|
||||
:root[data-interface-theme="frutiger"] [data-slot="card-footer"] {
|
||||
padding-inline: 1rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="minimal"] [data-slot="card"] {
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
border-radius: 0;
|
||||
border-top-color: hsl(var(--border));
|
||||
box-shadow: none;
|
||||
backdrop-filter: none;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="minimal"] [data-slot="card"] + [data-slot="card"],
|
||||
:root[data-interface-theme="minimal"] .form-section + .form-section {
|
||||
border-top: 1px solid hsl(var(--border));
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="minimal"] [data-slot="card-header"],
|
||||
:root[data-interface-theme="minimal"] [data-slot="card-content"],
|
||||
:root[data-interface-theme="minimal"] [data-slot="card-footer"] {
|
||||
padding-inline: 0;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="minimal"] [data-slot="card-header"] {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="minimal"] [data-slot="card-content"] {
|
||||
padding-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="minimal"] .page-enter,
|
||||
:root[data-interface-theme="minimal"] [class*="space-y-8"],
|
||||
:root[data-interface-theme="minimal"] [class*="space-y-6"] {
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="minimal"]
|
||||
[class*="space-y-8"]
|
||||
> :not([hidden])
|
||||
~ :not([hidden]),
|
||||
:root[data-interface-theme="minimal"]
|
||||
[class*="space-y-6"]
|
||||
> :not([hidden])
|
||||
~ :not([hidden]) {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="minimal"] [class*="gap-6"] {
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="minimal"] .platform-header-surface {
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
backdrop-filter: none;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="minimal"] .platform-header-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="minimal"] .platform-header-gradient {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="minimal"] .bg-dashboard {
|
||||
background-color: hsl(var(--background));
|
||||
}
|
||||
|
||||
:root[data-interface-theme="beenvoice"] .dashboard-content-shell {
|
||||
padding: 0.75rem;
|
||||
padding-top: 4rem;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
:root[data-interface-theme="beenvoice"] .dashboard-content-shell {
|
||||
padding-top: 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
:root[data-interface-theme="beenvoice"] .platform-header-content {
|
||||
.platform-header-content {
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="beenvoice"] [data-slot="card"] {
|
||||
[data-slot="card"] {
|
||||
border-radius: var(--radius-lg);
|
||||
}
|
||||
|
||||
:root[data-interface-theme="beenvoice"] [data-slot="card-header"] {
|
||||
[data-slot="card-header"] {
|
||||
padding: 1rem 1rem 0.75rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="beenvoice"] [data-slot="card-content"] {
|
||||
[data-slot="card-content"] {
|
||||
padding-inline: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="beenvoice"] [data-slot="card-footer"] {
|
||||
[data-slot="card-footer"] {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
:root[data-interface-theme="editorial"] .brand-background {
|
||||
opacity: 0.55;
|
||||
}
|
||||
|
||||
.animate-blob {
|
||||
animation: blob 7s infinite;
|
||||
}
|
||||
@@ -728,25 +181,6 @@
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px -4px hsl(var(--foreground) / 0.1);
|
||||
}
|
||||
|
||||
:root[data-radius] .rounded-sm {
|
||||
border-radius: var(--radius-sm);
|
||||
}
|
||||
|
||||
:root[data-radius] .rounded,
|
||||
:root[data-radius] .rounded-md {
|
||||
border-radius: var(--radius-md);
|
||||
}
|
||||
|
||||
:root[data-radius] .rounded-lg {
|
||||
border-radius: var(--radius-lg);
|
||||
}
|
||||
|
||||
:root[data-radius] .rounded-xl,
|
||||
:root[data-radius] .rounded-2xl,
|
||||
:root[data-radius] .rounded-3xl {
|
||||
border-radius: var(--radius-xl);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes blob {
|
||||
|
||||
Reference in New Issue
Block a user