Implemented a dark theme

This commit is contained in:
emilyploszaj
2020-06-22 21:48:42 -05:00
parent 906196bac3
commit ed88d9e10d
8 changed files with 170 additions and 50 deletions

View File

@@ -18,7 +18,7 @@
.navigation-pointer {
color: gray;
background-color: #dfdfdf;
background-color: var(--nav-background);
padding: 10px;
border-radius: 5px;
text-decoration: none;
@@ -27,7 +27,7 @@
}
.navigation-text {
color: #0b75d8;
color: var(--highlight);
background-color: #c9def2;
padding: 10px;
border-radius: 5px;
@@ -40,8 +40,8 @@
display: flex;
flex-direction: row;
align-items: center;
color: white;
background-color: #0b75d8;
color: var(--white-text);
background-color: var(--highlight);
text-decoration: none;
font-weight: bold;
padding: 10px;
@@ -61,7 +61,7 @@
width: 100%;
height: 100px;
background-color: white;
background-color: var(--content-background);
margin: 0 0 20px 0;
}
@@ -99,18 +99,18 @@
margin: 5px 10px 0 0;
padding: 5px 10px;
color: gray;
background-color: #fefefe;
background-color: var(--mod-bar);
border-radius: 5px 5px 0 0;
border: 1px solid darkgrey;
border: 1px solid var(--border);
border-bottom: none !important;
text-decoration: none;
cursor: pointer;
}
.mod-bar-active {
color: #0b75d8 !important;
color: var(--highlight) !important;
font-weight: bold;
background-color: white !important;
background-color: var(--content-background) !important;
}
.mod-hide {
@@ -133,7 +133,10 @@
.search-bar {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
color: var(--content-text);
background-color: var(--content-background);
border-color: var(--border);
width: 100%;
margin-top: 5px;
margin-bottom: 25px;
@@ -147,7 +150,7 @@
width: 100%;
height: auto !important;
background-color: white;
background-color: var(--content-background);
}
.sidebar-entry {
@@ -230,12 +233,12 @@
.sidebar-line {
height: 1px;
width: 80%;
background-color: darkgrey;
background-color: var(--border);
margin: 0 auto;
}
.download {
color: white;
color: var(--white-text);
padding: 10px 5px;
margin-bottom: 5px;
width: 200px;
@@ -245,7 +248,7 @@
}
.download-primary {
background-color: #0b75d8;
background-color: var(--highlight);
}
.download-normal {
@@ -256,9 +259,9 @@
padding: 5px;
margin-top: 0px;
width: 100%;
background-color: white;
background-color: var(--content-background);
border-radius: 0 5px 5px 5px;
border: 1px solid darkgrey;
border: 1px solid var(--border);
font-size: 16px;
line-height: 20px;
}
@@ -297,9 +300,9 @@
.api {
margin-top: 0;
width: 100%;
background-color: white;
background-color: var(--content-background);
border-radius: 0 5px 5px 5px;
border: 1px solid darkgrey;
border: 1px solid var(--border);
font-size: 16px;
line-height: 20px;
}