Decentrala/website
14
1
Fork 10
Code Issues 1 Pull Requests 2 Packages Projects Releases Wiki Activity

setting things up for themes switcher

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
styles/events.css
View File

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

4
styles/services.css
View File

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

27
styles/style.css
View File

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