setting things up for themes switcher

This commit is contained in:
eline 2023-05-05 22:16:03 +02:00
parent a8fb3f0185
commit 1e0dbade3b
3 changed files with 20 additions and 15 deletions

View File

@ -7,12 +7,12 @@ th,
td {
padding: 0 1rem 0 1rem;
text-align: left;
border-left: 2px solid var(--light-border);
border-left: 2px solid var(--border);
}
th {
padding: 1rem 1rem 0 1rem;
border-bottom: 2px solid var(--light-border);
border-bottom: 2px solid var(--border);
}
td:nth-child(odd) {

View File

@ -8,12 +8,12 @@ th,
td {
padding: 0 1rem 0 1rem;
text-align: left;
border-left: 2px solid var(--light-border);
border-left: 2px solid var(--border);
}
th {
padding: 1rem 1rem 0 1rem;
border-bottom: 2px solid var(--light-border);
border-bottom: 2px solid var(--border);
}
td {

View File

@ -2,10 +2,15 @@
--light-text: #181715;
--light-bg: #ffffff;
--light-border: #181715;
/* --dark-text: #ffffff;
--dark-text: #ffffff;
--dark-bg: #181715;
--dark-border: #ffffff; */
--light-hightlight: #72dec2;
--dark-border: #ffffff;
--hightlight: #72dec2;
--border: var(--light-border);
--text: var(--light-text);
--bg: var(--light-bg);
}
@font-face {
@ -23,8 +28,8 @@ html,
body {
width: 100%;
height: 100%;
color: var(--light-text);
background: var(--light-bg);
color: var(--text);
background: var(--bg);
}
body {
@ -46,12 +51,12 @@ footer {
header {
grid-area: 1 / 1 / 2 / 2;
border-bottom: 2px solid var(--light-border);
border-bottom: 2px solid var(--border);
}
footer {
grid-area: 3 / 1 / 4 / 2;
border-top: 2px solid var(--light-border);
border-top: 2px solid var(--border);
}
.main {
@ -65,7 +70,7 @@ footer {
a,
a:visited {
text-decoration: none;
color: var(--light-text);
color: var(--text);
}
.main a {
@ -76,8 +81,8 @@ a:visited {
a:hover,
a:focus {
background-color: var(--light-hightlight);
text-decoration: line-through var(--light-text);
background-color: var(--hightlight);
text-decoration: line-through var(--text);
}
.logo {
@ -103,7 +108,7 @@ a:focus {
.copyleft a:hover,
.copyleft a:focus {
background-color: var(--light-bg);
background-color: var(--bg);
}
.copyleft {