Update page design

This commit is contained in:
Luca Bosin
2023-08-25 21:26:34 +02:00
parent 52f05db659
commit b239c72fc0
7 changed files with 212 additions and 34 deletions

View File

@ -1,12 +1,30 @@
:root {
--main-text-color: #1a1a1a;
--main-bg-color: #fff;
--interactive-color: var(--main-text-color);
--interactive-text-color: var(--main-text-color);
--interactive-text-hover-color: var(--main-bg-color);
--interactive-bg-color: #d4d4d4;
--interactive-bg-hover-color: var(--main-text-color);
--primary-color: #1a1a1a;
}
@media screen and (prefers-color-scheme: dark) {
:root {
--main-text-color: #e7e7e7;
--main-bg-color: #1a1a1a;
--main-bg-color: #181818;
/* --interactive-color: var(--main-text-color); */
/* --interactive-text-color: var(--main-text-color); */
--interactive-text-hover-color: #fff;
--interactive-bg-color: #272727;
--interactive-bg-hover-color: #353535;
/* --primary-color: #1a1a1a; */
}
}
@ -16,7 +34,7 @@
border: 0;
box-sizing: border-box;
font-size: 1em;
font-family: 'Roboto', 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif;
}
html,
@ -28,7 +46,7 @@ body,
}
body {
font-family: sans-serif;
font-family: 'Poppins', sans-serif;
background-color: var(--main-bg-color);
color: var(--main-text-color);
}