Refactored background gradients based on the logo color scheme
This commit is contained in:
parent
946f0f488f
commit
c0aa13ffad
3 changed files with 3847 additions and 0 deletions
3836
package-lock.json
generated
Normal file
3836
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
|
@ -18,6 +18,7 @@
|
||||||
"lucide-react": "^0.456.0",
|
"lucide-react": "^0.456.0",
|
||||||
"next": "15.0.3",
|
"next": "15.0.3",
|
||||||
"next-themes": "^0.4.3",
|
"next-themes": "^0.4.3",
|
||||||
|
"or": "^0.2.0",
|
||||||
"react": "19.0.0-rc-66855b96-20241106",
|
"react": "19.0.0-rc-66855b96-20241106",
|
||||||
"react-dom": "19.0.0-rc-66855b96-20241106",
|
"react-dom": "19.0.0-rc-66855b96-20241106",
|
||||||
"react-markdown": "^9.0.1",
|
"react-markdown": "^9.0.1",
|
||||||
|
|
|
@ -33,6 +33,10 @@
|
||||||
--chart-4: 43 74% 66%;
|
--chart-4: 43 74% 66%;
|
||||||
--chart-5: 27 87% 67%;
|
--chart-5: 27 87% 67%;
|
||||||
--radius: 0.5rem;
|
--radius: 0.5rem;
|
||||||
|
--gradient-color-1: #189974;
|
||||||
|
--gradient-color-2: #1B66BD;
|
||||||
|
--gradient-color-3: #003BAF;
|
||||||
|
--gradient-transparent: rgba(255, 255, 255, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark {
|
.dark {
|
||||||
|
@ -70,5 +74,11 @@
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@apply bg-background text-foreground;
|
@apply bg-background text-foreground;
|
||||||
|
background: radial-gradient(114.13% 114.13% at 110.34% -14.13%, var(--gradient-color-1) 0%, var(--gradient-transparent) 100%),
|
||||||
|
radial-gradient(81.04% 81.04% at 25.97% -14.13%, var(--gradient-color-2) 0%, var(--gradient-transparent) 100%),
|
||||||
|
radial-gradient(80.5% 80.5% at -30.5% 32.82%, var(--gradient-color-3) 0%, var(--gradient-transparent) 100%),
|
||||||
|
#00000000;
|
||||||
|
background-blend-mode: multiply, multiply, multiply, normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue