zv/wtr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: reduce frontend visual effects

Browse Source
This commit is contained in:
zv
2026-06-04 20:10:19 +02:00
parent 9395659f07
commit cdce40e69c
12 changed files with 63 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/globals.css
View File

@@ -12,7 +12,6 @@
--border: 214 20% 82%;
--muted: 215 14% 43%;
--accent: 207 48% 34%;
--accent-foreground: 0 0% 100%;
--warning: 38 58% 42%;
--chart-temperature: 207 48% 36%;
--chart-feels-like: 216 24% 48%;
@@ -22,15 +21,14 @@
.dark {
color-scheme: dark;
--background: 214 37% 9%;
--background: 220 22% 12%;
--foreground: 210 31% 94%;
--surface: 214 33% 13%;
--surface-muted: 215 27% 17%;
--surface-raised: 214 29% 16%;
--border: 214 19% 27%;
--surface: 220 18% 15%;
--surface-muted: 220 15% 18%;
--surface-raised: 220 16% 17%;
--border: 220 12% 30%;
--muted: 214 15% 70%;
--accent: 204 44% 66%;
--accent-foreground: 214 37% 9%;
--accent: 207 34% 64%;
--warning: 39 64% 63%;
--chart-temperature: 204 44% 66%;
--chart-feels-like: 216 22% 73%;
@@ -68,15 +66,15 @@ select {
@layer utilities {
.glass {
@apply border border-border/70 bg-surface/80 shadow-card backdrop-blur-xl dark:bg-surface/75;
@apply border border-border/70 bg-surface shadow-soft;
}
.glass-subtle {
@apply border border-border/60 bg-surface-muted/65 backdrop-blur-xl dark:bg-surface-muted/55;
@apply border border-border/70 bg-surface-muted shadow-soft;
}
.surface-control {
@apply border border-border/70 bg-surface/80 shadow-soft backdrop-blur-xl dark:bg-surface-muted/70;
@apply border border-border/70 bg-surface shadow-soft dark:bg-surface-muted;
}
.section-kicker {

5
app/layout.tsx
View File

@@ -3,6 +3,7 @@ import { Inter } from "next/font/google";
import Script from "next/script";
import { AppShell } from "@/components/layout/app-shell";
import { Providers } from "@/components/layout/providers";
import { APP_THEME_COLORS } from "@/lib/theme";
import "@/app/globals.css";
const inter = Inter({ subsets: ["latin", "latin-ext"], variable: "--font-inter" });
@@ -36,8 +37,8 @@ export const viewport: Viewport = {
initialScale: 1,
viewportFit: "cover",
themeColor: [
{ media: "(prefers-color-scheme: light)", color: "#eef3f7" },
{ media: "(prefers-color-scheme: dark)", color: "#0e1722" },
{ media: "(prefers-color-scheme: light)", color: APP_THEME_COLORS.light },
{ media: "(prefers-color-scheme: dark)", color: APP_THEME_COLORS.dark },
],
};