You've already forked AstralRinth
forked from didirus/AstralRinth
Implemented a dark theme
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user