Обновлены глобальные стили: изменен градиент для класса bg-gradient-smooth, добавлены новые цветовые значения. Обновлен компонент ColorsDemo с уточнением описания градиента на "Темный градиент для фона (теперь galaxy!)".

This commit is contained in:
Bivekich
2025-07-22 11:00:10 +03:00
parent 03ca28e68c
commit 20c27a2fa2
2 changed files with 15 additions and 8 deletions

View File

@ -171,10 +171,13 @@
.bg-gradient-smooth { .bg-gradient-smooth {
background: linear-gradient(135deg, background: linear-gradient(135deg,
oklch(0.22 0.20 315) 0%, oklch(0.15 0.25 270) 0%,
oklch(0.20 0.18 280) 30%, oklch(0.25 0.30 300) 15%,
oklch(0.18 0.16 250) 60%, oklch(0.45 0.35 320) 30%,
oklch(0.15 0.12 330) 100%); oklch(0.20 0.28 250) 45%,
oklch(0.35 0.32 280) 60%,
oklch(0.10 0.20 290) 75%,
oklch(0.18 0.25 260) 100%);
} }
.gradient-sunset { .gradient-sunset {
@ -515,9 +518,13 @@
/* Animated Background */ /* Animated Background */
.bg-animated { .bg-animated {
background: linear-gradient(135deg, background: linear-gradient(135deg,
oklch(0.22 0.20 315) 0%, oklch(0.15 0.25 270) 0%,
oklch(0.18 0.16 300) 40%, oklch(0.25 0.30 300) 15%,
oklch(0.15 0.12 330) 100%); oklch(0.45 0.35 320) 30%,
oklch(0.20 0.28 250) 45%,
oklch(0.35 0.32 280) 60%,
oklch(0.10 0.20 290) 75%,
oklch(0.18 0.25 260) 100%);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }

View File

@ -204,7 +204,7 @@ export function ColorsDemo() {
<div> <div>
<div className="h-16 w-full bg-gradient-smooth rounded-lg mb-2"></div> <div className="h-16 w-full bg-gradient-smooth rounded-lg mb-2"></div>
<div className="text-white text-xs font-mono">bg-gradient-smooth</div> <div className="text-white text-xs font-mono">bg-gradient-smooth</div>
<div className="text-white/60 text-xs">Темный градиент для фона</div> <div className="text-white/60 text-xs">Темный градиент для фона (теперь galaxy!)</div>
</div> </div>
<div> <div>