64 lines
No EOL
1.1 KiB
CSS
64 lines
No EOL
1.1 KiB
CSS
:root {
|
|
--light-bg: #FFF8EA;
|
|
--light-1: #594545;
|
|
--light-2: #815B5B;
|
|
--light-3: #9E7676;
|
|
--light-hover: #DAC0A3;
|
|
--dark-bg: #27374D;
|
|
--dark-1: #DDE6ED;
|
|
--dark-2: #9DB2BF;
|
|
--dark-3: #526D82;
|
|
--dark-hover: #001C30;
|
|
}
|
|
|
|
html {
|
|
background-color: var(--light-bg);
|
|
color: var(--light-1);
|
|
}
|
|
|
|
html.dark {
|
|
background-color: var(--dark-bg);
|
|
color: var(--dark-1);
|
|
}
|
|
|
|
body {
|
|
font-family: Verdana, sans-serif;
|
|
}
|
|
|
|
/* HOME */
|
|
.social a {
|
|
color: var(--light-1);
|
|
}
|
|
|
|
.dark .social a {
|
|
color: var(--dark-1);
|
|
}
|
|
|
|
.social a:nth-child(1) :hover {
|
|
color: #0A66C2 !important;
|
|
}
|
|
|
|
.social a:nth-child(2) :hover {
|
|
color: grey !important;
|
|
}
|
|
|
|
.social a:nth-child(3) :hover {
|
|
color: #C84370 !important;
|
|
}
|
|
|
|
.social a:nth-child(4) :hover {
|
|
color: #1DB954 !important;
|
|
}
|
|
|
|
/* TOOLS */
|
|
.cards :hover { background: var(--light-hover) }
|
|
|
|
.dark .cards :hover { background: var(--dark-hover) }
|
|
|
|
.description p { color: var(--light-2); }
|
|
|
|
.dark .description p { color: var(--dark-2); }
|
|
|
|
.tag button { color: var(--light-3); border-color: var(--light-3); }
|
|
|
|
.dark .tag button { color: var(--dark-3); border-color: var(--dark-3); } |