moritz
/
shulkerscript-webpage
mirror of https://github.com/moritz-hoelting/shulkerscript-webpage.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add custom theme colors

This commit is contained in:
Moritz Hölting 2024-04-10 18:04:33 +02:00
parent 3fb12eb77c
commit 8dacaa4011
1 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/styles/style.css
View File

@ -5,4 +5,35 @@
[data-has-hero] .page { [data-has-hero] .page {
background: linear-gradient(215deg,var(--overlay-blurple),transparent 40%),radial-gradient(var(--overlay-blurple),transparent 40%) no-repeat -30vw -20vh / 105vw 200vh,radial-gradient(var(--overlay-blurple),transparent 65%) no-repeat 50% calc(100% + 20rem) / 60rem 30rem background: linear-gradient(215deg,var(--overlay-blurple),transparent 40%),radial-gradient(var(--overlay-blurple),transparent 40%) no-repeat -30vw -20vh / 105vw 200vh,radial-gradient(var(--overlay-blurple),transparent 65%) no-repeat 50% calc(100% + 20rem) / 60rem 30rem
}
/* Custom Theme */
/* Dark mode colors. */
:root {
--sl-color-accent-low: #36113e;
--sl-color-accent: #a400c0;
--sl-color-accent-high: #e3b6ed;
--sl-color-white: #ffffff;
--sl-color-gray-1: #efedf1;
--sl-color-gray-2: #c3c1c6;
--sl-color-gray-3: #8e8994;
--sl-color-gray-4: #5a565f;
--sl-color-gray-5: #3a363f;
--sl-color-gray-6: #28252d;
--sl-color-black: #19171b;
}
/* Light mode colors. */
:root[data-theme='light'] {
--sl-color-accent-low: #ebc9f3;
--sl-color-accent: #a700c3;
--sl-color-accent-high: #4e0e5b;
--sl-color-white: #19171b;
--sl-color-gray-1: #28252d;
--sl-color-gray-2: #3a363f;
--sl-color-gray-3: #5a565f;
--sl-color-gray-4: #8e8994;
--sl-color-gray-5: #c3c1c6;
--sl-color-gray-6: #efedf1;
--sl-color-gray-7: #f7f6f8;
--sl-color-black: #ffffff;
} }