Skip to content

Commit 6abbefe

Browse files
committed
style: update website gradient color palette
1 parent 2f7e343 commit 6abbefe

File tree

1 file changed

+6
-19
lines changed

1 file changed

+6
-19
lines changed

docs/website/styles.css

Lines changed: 6 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2763,36 +2763,23 @@ section#demo {
27632763
color: green;
27642764
}
27652765

2766-
html{
2766+
html {
27672767
margin: 0;
27682768
padding: 0;
27692769
min-height: 100%;
27702770
background:
2771-
radial-gradient(circle at var(--x1, 25%) var(--y1, 75%), rgba(130, 0, 255, 0.4), transparent 40%),
2772-
radial-gradient(circle at var(--x2, 75%) var(--y2, 25%), rgba(0, 98, 255, 0.5), transparent 45%),
2773-
radial-gradient(circle at var(--x3, 50%) var(--y3, 50%), rgba(72, 0, 120, 0.6), transparent 60%),
2774-
radial-gradient(circle at var(--x4, 60%) var(--y4, 80%), rgba(200, 0, 255, 0.3), transparent 50%),
2775-
linear-gradient(135deg, #3a0ca3, #4361ee, #7209b7);
2771+
radial-gradient(circle at var(--x1, 25%) var(--y1, 75%), rgba(79, 72, 181, 0.4), transparent 40%),
2772+
radial-gradient(circle at var(--x2, 75%) var(--y2, 25%), rgba(18, 75, 131, 0.5), transparent 45%),
2773+
radial-gradient(circle at var(--x3, 50%) var(--y3, 50%), rgba(40, 98, 114, 0.6), transparent 60%),
2774+
radial-gradient(circle at var(--x4, 60%) var(--y4, 80%), rgba(138, 214, 236, 0.3), transparent 50%),
2775+
linear-gradient(135deg, #4F48B5, #124B83, #286272);
27762776
background-blend-mode: screen;
27772777
background-repeat: no-repeat;
27782778
background-size: cover;
27792779
background-attachment: fixed;
27802780
transition: background-position 0.2s ease;
27812781
}
27822782

2783-
html {
2784-
min-height: 100%;
2785-
background:
2786-
radial-gradient(circle at var(--x1, 25%) var(--y1, 75%), rgba(130, 0, 255, 0.4), transparent 40%),
2787-
radial-gradient(circle at var(--x2, 75%) var(--y2, 25%), rgba(0, 98, 255, 0.5), transparent 45%),
2788-
radial-gradient(circle at var(--x3, 50%) var(--y3, 50%), rgba(72, 0, 120, 0.6), transparent 60%),
2789-
radial-gradient(circle at var(--x4, 60%) var(--y4, 80%), rgba(200, 0, 255, 0.3), transparent 50%),
2790-
linear-gradient(135deg, #3a0ca3, #4361ee, #7209b7);
2791-
background-attachment: fixed;
2792-
background-blend-mode: screen;
2793-
background-size: cover;
2794-
}
2795-
27962783
@keyframes gradientGlow {
27972784
0% {
27982785
--x1: 30%;

0 commit comments

Comments
 (0)