From a4e89cc96bf45d3f09aad45d7d3075f140fa1bc1 Mon Sep 17 00:00:00 2001 From: Henry Li Date: Sat, 7 Feb 2026 18:42:08 +0800 Subject: [PATCH] feat: add ambilight --- frontend/src/styles/globals.css | 44 +++++++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) diff --git a/frontend/src/styles/globals.css b/frontend/src/styles/globals.css index a968be0..95adfd1 100644 --- a/frontend/src/styles/globals.css +++ b/frontend/src/styles/globals.css @@ -298,6 +298,50 @@ max-width: 80rem; } } + + .ambilight:before, + .ambilight:after { + content: ""; + position: absolute; + left: 0; + top: 0; + background: linear-gradient( + 45deg, + #fb0094, + #0000ff, + #00ff00, + #ffff00, + #ff0000, + #fb0094, + #0000ff, + #00ff00, + #ffff00, + #ff0000 + ); + background-size: 400%; + width: 100%; + height: 100%; + border-radius: 10px; + opacity: 0.75; + z-index: -1; + animation: ambilight 60s ease-in-out infinite; + } + + @keyframes ambilight { + 0% { + background-position: 0 0; + } + 50% { + background-position: 400% 0; + } + 100% { + background-position: 0 0; + } + } + + .ambilight:after { + filter: blur(60px); + } } :root {