add purple color

This commit is contained in:
3ulalia 2024-12-31 01:39:26 -05:00
parent 7f630a4e31
commit 0e9d3d4e2c
4 changed files with 53 additions and 0 deletions

View file

@ -0,0 +1,3 @@
:root {
--background: #1D212C;
}

View file

@ -0,0 +1,29 @@
:root {
@media (prefers-color-scheme: dark) {
--accent: rgb(171,105,242);
--accent-alpha-70: rgba(171,105,242,.7);
--accent-alpha-20: rgba(171,105,242,.2);
--background: #101010;
--color: #f0f0f0;
--border-color: rgba(255,240,224,.125);
div.logo {
color: black;
}
}
@media (prefers-color-scheme: light) {
--accent: rgb(162,95,191);
--accent-alpha-70: rgba(162,95,191,.7);
--accent-alpha-20: rgba(162,95,191,.2);
--background: white;
--color: #201030;
--border-color: rgba(0,0,16,.125);
div.logo {
color: white;
}
}
}

View file

@ -0,0 +1,12 @@
:root {
--accent: rgb(162,95,191);
--accent-alpha-70: rgba(162,95,191,.7);
--accent-alpha-20: rgba(162,95,191,.2);
--background: white;
--color: #1D212C;
--border-color: rgba(0, 0, 0, .1);
div.logo {
color: white;
}
}

9
sass/color/purple.scss Normal file
View file

@ -0,0 +1,9 @@
:root {
--accent: rgb(171,105,242);
--accent-alpha-70: rgba(171,105,242,.7);
--accent-alpha-20: rgba(171,105,242,.2);
--background: #1D212C;
--color: white;
--border-color: rgba(255, 255, 255, .1);
}