Обновлены глобальные стили: изменен градиент для класса bg-gradient-smooth, добавлены новые цветовые значения. Обновлен компонент ColorsDemo с уточнением описания градиента на "Темный градиент для фона (теперь galaxy!)".
This commit is contained in:
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
Reference in New Issue
Block a user