Sharing my CSS theme, adapted for v0.25.3

[YuXiang187]

Sharing my CSS theme, adapted for v0.25.3.

You can change the background-image: url('https://www.loliapi.com/acg/'); field to set your desired background image.

body {
    background-image: url('https://www.loliapi.com/acg/');
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    backdrop-filter: none !important;
}

body:has(.w-full.py-4.grow.flex.flex-col.justify-center.items-center) {
    backdrop-filter: blur(10px) !important;
}

html[data-theme="default-dark"] body:has(.w-full.py-4.grow.flex.flex-col.justify-center.items-center),
html[data-theme="midnight"] body:has(.w-full.py-4.grow.flex.flex-col.justify-center.items-center) {
    backdrop-filter: blur(10px) brightness(0.5) !important;
}

div.mt-4.flex.flex-row.items-center.justify-center.w-full.gap-2 {
    display: none !important;
}

header .shrink a:first-child {
    display: none;
}

.min-w-0.mx-auto.w-full.max-w-2xl {
    padding: 1.6rem !important;
}

html[data-theme="default"] {
    --background: oklch(98.18% .0054 95.0986 / 0.7) !important;
    --sidebar: oklch(96.63% .008 98.8792 / 0.7) !important;
    --accent: oklch(92.45% .0138 92.9892 / 0.7) !important;
    --border: oklch(88.47% .0069 97.3627 / 0.7) !important;
    --sidebar-accent: oklch(92.45% .0138 92.9892 / 0.7) !important;
    --card: oklch(100% 0 0 / 0.7) !important;
    --muted: oklch(93.41% .0153 90.239 / 0.25) !important;
    --muted-foreground: --foreground !important;
}

html[data-theme="default-dark"] {
    --background: oklch(0.2 0.003 270 / 0.7) !important;
    --sidebar: oklch(0.17 0.002 270 / 0.7) !important;
    --accent: oklch(0.3 0.008 270 / 0.7) !important;
    --border: oklch(0.33 0.005 270 / 0.7) !important;
    --sidebar-accent: oklch(0.3 0.008 270 / 0.7) !important;
    --card: oklch(0.23 0.003 270 / 0.7) !important;
    --muted: oklch(0.25 0.005 270 / 0.25) !important;
    --muted-foreground: --foreground !important;
}

html[data-theme="midnight"] {
    --background: oklch(0.14 0.003 270 / 0.7) !important;
    --sidebar: oklch(0.13 0.002 270 / 0.7) !important;
    --accent: oklch(0.22 0.008 295 / 0.7) !important;
    --border: oklch(0.25 0.005 270 / 0.7) !important;
    --sidebar-accent: oklch(0.22 0.008 295 / 0.7) !important;
    --card: oklch(0.18 0.003 270 / 0.7) !important;
    --muted: oklch(0.18 0.005 270 / 0.25) !important;
    --muted-foreground: --foreground !important;
}

html[data-theme="paper"] {
    --background: oklch(0.95 0.015 75 / 0.7) !important;
    --sidebar: oklch(0.9647 0.0118 83.7892 / 0.7) !important;
    --accent: oklch(0.88 0.035 55 / 0.7) !important;
    --border: oklch(0.85 0.025 72 / 0.7) !important;
    --sidebar-accent: oklch(0.9412 0.0196 78.9456 / 0.7) !important;
    --card: oklch(0.98 0.008 80 / 0.7) !important;
    --muted: oklch(0.9 0.025 75 / 0.25) !important;
    --muted-foreground: --foreground !important;
}

html[data-theme="whitewall"] {
    --background: oklch(1 0 0 / 0.7) !important;
    --sidebar: oklch(0.98 0.001 270 / 0.7) !important;
    --accent: oklch(0.94 0.003 270 / 0.7) !important;
    --border: oklch(0.9 0.005 270 / 0.7) !important;
    --sidebar-accent: oklch(0.94 0.003 270 / 0.7) !important;
    --card: oklch(1 0 0 / 0.7) !important;
    --muted: oklch(0.96 0.002 270 / 0.25) !important;
    --muted-foreground: --foreground !important;
}