Обновлены глобальные стили: изменен градиент для класса 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 {
background: linear-gradient(135deg,
oklch(0.22 0.20 315) 0%,
oklch(0.20 0.18 280) 30%,
oklch(0.18 0.16 250) 60%,
oklch(0.15 0.12 330) 100%);
oklch(0.15 0.25 270) 0%,
oklch(0.25 0.30 300) 15%,
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%);
}
.gradient-sunset {
@ -515,9 +518,13 @@
/* Animated Background */
.bg-animated {
background: linear-gradient(135deg,
oklch(0.22 0.20 315) 0%,
oklch(0.18 0.16 300) 40%,
oklch(0.15 0.12 330) 100%);
oklch(0.15 0.25 270) 0%,
oklch(0.25 0.30 300) 15%,
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;
overflow: hidden;
}

View File

@ -204,7 +204,7 @@ export function ColorsDemo() {
<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/60 text-xs">Темный градиент для фона</div>
<div className="text-white/60 text-xs">Темный градиент для фона (теперь galaxy!)</div>
</div>
<div>