change colors
This commit is contained in:
Vendored
+5
-3
@@ -1,11 +1,13 @@
|
|||||||
/* src/base.css */
|
/* src/base.css */
|
||||||
#home-page {
|
#home-page {
|
||||||
--surface: hsla(0, 0%, 100%, 50%);
|
--background-transparent: hsla(0, 0%, 100%, 40%);
|
||||||
--surface-hover: hsla(0, 0%, 91%, 50%);
|
--surface: hsla(0, 0%, 100%, 40%);
|
||||||
--surface-active: hsla(0, 0%, 78%, 50%);
|
--surface-hover: hsla(0, 0%, 91%, 40%);
|
||||||
|
--surface-active: hsla(0, 0%, 78%, 40%);
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
#home-page {
|
#home-page {
|
||||||
|
--background-transparent: hsla(0, 0%, 5%, 30%);
|
||||||
--surface: hsla(0, 0%, 5%, 30%);
|
--surface: hsla(0, 0%, 5%, 30%);
|
||||||
--surface-hover: hsla(0, 0%, 20%, 30%);
|
--surface-hover: hsla(0, 0%, 20%, 30%);
|
||||||
--surface-active: hsla(0, 0%, 44%, 30%);
|
--surface-active: hsla(0, 0%, 44%, 30%);
|
||||||
|
|||||||
+5
-3
@@ -1,11 +1,13 @@
|
|||||||
#home-page {
|
#home-page {
|
||||||
--surface: hsla(0, 0%, 100%, 50%);
|
--background-transparent: hsla(0, 0%, 100%, 40%);
|
||||||
--surface-hover: hsla(0, 0%, 91%, 50%);
|
--surface: hsla(0, 0%, 100%, 40%);
|
||||||
--surface-active: hsla(0, 0%, 78%, 50%);
|
--surface-hover: hsla(0, 0%, 91%, 40%);
|
||||||
|
--surface-active: hsla(0, 0%, 78%, 40%);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
#home-page {
|
#home-page {
|
||||||
|
--background-transparent: hsla(0, 0%, 5%, 30%);
|
||||||
--surface: hsla(0, 0%, 5%, 30%);
|
--surface: hsla(0, 0%, 5%, 30%);
|
||||||
--surface-hover: hsla(0, 0%, 20%, 30%);
|
--surface-hover: hsla(0, 0%, 20%, 30%);
|
||||||
--surface-active: hsla(0, 0%, 44%, 30%);
|
--surface-active: hsla(0, 0%, 44%, 30%);
|
||||||
|
|||||||
Reference in New Issue
Block a user