setting things up for themes switcher
This commit is contained in:
parent
a8fb3f0185
commit
1e0dbade3b
@ -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) {
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
Loading…
Reference in New Issue
Block a user