Arnab-Afk/nextplacement
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

AI slop goes brr

Browse Source
This commit is contained in:
Anushlinux
2025-07-03 01:11:57 +05:30
parent afd9bb194a
commit ef98f8e1ba
13 changed files with 799 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
packages/ui/src/styles/globals.css
View File

@@ -13,74 +13,39 @@
@custom-variant dark (&:is(.dark *));
:root {
--background: oklch(0.98 0.003 240);
--foreground: oklch(0.12 0.008 240);
--card: oklch(0.96 0.004 240);
--card-foreground: oklch(0.12 0.008 240);
--background: oklch(0.98 0.01 220); /* Soft blue-tinted white */
--foreground: oklch(0.16 0.01 240); /* Slightly deeper text */
--card: oklch(0.96 0.01 220); /* Slight blue card */
--card-foreground: oklch(0.16 0.01 240);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.12 0.008 240);
--primary: oklch(0.35 0.18 240);
--primary-foreground: oklch(0.98 0.003 240);
--secondary: oklch(0.88 0.008 240);
--secondary-foreground: oklch(0.12 0.008 240);
--muted: oklch(0.92 0.006 240);
--muted-foreground: oklch(0.4 0.01 240);
--accent: oklch(0.42 0.22 10);
--accent-foreground: oklch(0.98 0.003 240);
--destructive: oklch(0.45 0.25 15);
--destructive-foreground: oklch(0.98 0.003 240);
--border: oklch(0.86 0.008 240);
--input: oklch(0.94 0.006 240);
--ring: oklch(0.35 0.18 240);
--chart-1: oklch(0.35 0.18 240);
--chart-2: oklch(0.42 0.22 10);
--popover-foreground: oklch(0.16 0.01 240);
--primary: oklch(0.55 0.18 260); /* Vibrant blue */
--primary-foreground: oklch(0.98 0.01 220);
--secondary: oklch(0.92 0.01 120); /* Soft green */
--secondary-foreground: oklch(0.16 0.01 240);
--muted: oklch(0.94 0.01 220);
--muted-foreground: oklch(0.45 0.01 240);
--accent: oklch(0.72 0.18 40); /* Vibrant orange */
--accent-foreground: oklch(0.98 0.01 220);
--destructive: oklch(0.65 0.22 25); /* Strong red */
--destructive-foreground: oklch(0.98 0.01 220);
--border: oklch(0.88 0.01 220);
--input: oklch(0.96 0.01 220);
--ring: oklch(0.55 0.18 260);
--chart-1: oklch(0.55 0.18 260);
--chart-2: oklch(0.72 0.18 40);
--chart-3: oklch(0.38 0.16 260);
--chart-4: oklch(0.4 0.2 350);
--chart-5: oklch(0.36 0.15 220);
--radius: 0.625rem;
--sidebar: oklch(0.94 0.006 240);
--sidebar-foreground: oklch(0.12 0.008 240);
--sidebar-primary: oklch(0.35 0.18 240);
--sidebar-primary-foreground: oklch(0.98 0.003 240);
--sidebar-accent: oklch(0.42 0.22 10);
--sidebar-accent-foreground: oklch(0.98 0.003 240);
--sidebar-border: oklch(0.86 0.008 240);
--sidebar-ring: oklch(0.35 0.18 240);
}
.dark {
--background: oklch(0.06 0.008 240);
--foreground: oklch(0.94 0.004 240);
--card: oklch(0.1 0.01 240);
--card-foreground: oklch(0.94 0.004 240);
--popover: oklch(0.1 0.01 240);
--popover-foreground: oklch(0.94 0.004 240);
--primary: oklch(0.55 0.22 240);
--primary-foreground: oklch(0.06 0.008 240);
--secondary: oklch(0.16 0.01 240);
--secondary-foreground: oklch(0.94 0.004 240);
--muted: oklch(0.12 0.01 240);
--muted-foreground: oklch(0.6 0.01 240);
--accent: oklch(0.62 0.28 10);
--accent-foreground: oklch(0.06 0.008 240);
--destructive: oklch(0.65 0.3 15);
--destructive-foreground: oklch(0.06 0.008 240);
--border: oklch(0.18 0.01 240);
--input: oklch(0.14 0.01 240);
--ring: oklch(0.55 0.22 240);
--chart-1: oklch(0.55 0.22 240);
--chart-2: oklch(0.62 0.28 10);
--chart-3: oklch(0.58 0.2 260);
--chart-4: oklch(0.6 0.25 350);
--chart-5: oklch(0.56 0.18 220);
--sidebar: oklch(0.08 0.01 240);
--sidebar-foreground: oklch(0.94 0.004 240);
--sidebar-primary: oklch(0.55 0.22 240);
--sidebar-primary-foreground: oklch(0.06 0.008 240);
--sidebar-accent: oklch(0.62 0.28 10);
--sidebar-accent-foreground: oklch(0.06 0.008 240);
--sidebar-border: oklch(0.18 0.01 240);
--sidebar-ring: oklch(0.55 0.22 240);
--radius: 0.75rem;
--sidebar: oklch(0.97 0.01 220);
--sidebar-foreground: oklch(0.16 0.01 240);
--sidebar-primary: oklch(0.55 0.18 260);
--sidebar-primary-foreground: oklch(0.98 0.01 220);
--sidebar-accent: oklch(0.72 0.18 40);
--sidebar-accent-foreground: oklch(0.98 0.01 220);
--sidebar-border: oklch(0.88 0.01 220);
--sidebar-ring: oklch(0.55 0.18 260);
}
@theme inline {
@@ -130,3 +95,36 @@
@apply bg-background text-foreground;
}
}
/* Login page creative animation keyframes (red/rose accent theme) */
@keyframes float-slow {
0%, 100% { transform: translateY(0) scale(1); }
50% { transform: translateY(-20px) scale(1.05); }
}
@keyframes float-medium {
0%, 100% { transform: translateY(0) scale(1); }
50% { transform: translateY(30px) scale(1.1); }
}
@keyframes float-fast {
0%, 100% { transform: translateY(0) scale(1); }
50% { transform: translateY(-15px) scale(0.95); }
}
@keyframes bounce-slow {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
@keyframes fade-in {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes ripple {
to { opacity: 0; width: 200px; height: 200px; }
}
/* Utility classes for red/rose accent theme */
.animate-float-slow { animation: float-slow 7s ease-in-out infinite; }
.animate-float-medium { animation: float-medium 5s ease-in-out infinite; }
.animate-float-fast { animation: float-fast 3.5s ease-in-out infinite; }
.animate-bounce-slow { animation: bounce-slow 2.5s infinite; }
.animate-fade-in { animation: fade-in 1.2s 0.5s both; }
.animate-ripple { animation: ripple 0.6s linear; }