From 5deafdc3a88acd1dae760f2232ff9fb920564e52 Mon Sep 17 00:00:00 2001 From: bremea Date: Tue, 12 Aug 2025 03:46:14 -0400 Subject: [PATCH] feat: website theme & animations --- www/src/app.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) diff --git a/www/src/app.css b/www/src/app.css index d4b5078..cb627b0 100644 --- a/www/src/app.css +++ b/www/src/app.css @@ -1 +1,36 @@ +@import url('/fonts/IosevkaSS12.css'); @import 'tailwindcss'; + +@theme { + --color-dark: oklch(0.1828 0.0204 284.2); + --color-primary: oklch(0.75 0.14 295); + --color-accent: oklch(0.8787 0.0426 272.28); + + --font-iosevka: 'Iosevka SS12 Web', monospace; + + --animate-sleep-z: sleepZ 1.5s ease-out forwards; +} + +@layer base { + html, + body { + @apply bg-dark font-iosevka text-accent; + } +} + +@keyframes sleepZ { + 0% { + transform: translateY(0) translateX(0) rotate(0deg); + opacity: 0; + } + 15% { + opacity: 1; + } + 50% { + opacity: 0.8; + } + 100% { + transform: translateY(-50px) translateX(-30px) rotate(15deg); + opacity: 0; + } +}