improving contrast in dark theme

pull/2/head
Rebecca Hollis 5 years ago
parent b19b3dcac0
commit 3f516dab3b

@ -89,7 +89,7 @@
<div class="album py-5"> <div class="album py-5">
<div class="container"> <div class="container">
<input class="form-control form-control-dark w-100 bg-info border border-boxborder text-searchfont" <input type="text" class="form-control w-100 bg-info border border-boxborder text-searchfont"
placeholder="Search (What kind of resource are you looking for?)" placeholder="Search (What kind of resource are you looking for?)"
aria-label="Search"> aria-label="Search">
</div> </div>

@ -113,21 +113,33 @@ body {
} }
} }
.form-control {
border-radius: 25px;
}
.form-control:focus { .form-control:focus {
box-shadow: none; box-shadow: none;
} }
.card-image-background{ .card-image-background {
display: flex; display: flex;
} }
.text-align-left{ .text-align-left {
text-align: left; text-align: left;
} }
.form-control::-webkit-input-placeholder { color: searchfont; } /* WebKit, Blink, Edge */ .input::-webkit-input-placeholder {
.form-control:-moz-placeholder { color: searchfont; } /* Mozilla Firefox 4 to 18 */ color: searchfont !important;
.form-control::-moz-placeholder { color: searchfont; } /* Mozilla Firefox 19+ */ } /* WebKit, Blink, Edge */
.input:-moz-placeholder {
color: searchfont !important;
} /* Mozilla Firefox 4 to 18 */
.input::-moz-placeholder {
color: searchfont !important;
} /* Mozilla Firefox 19+ */
.category-header p { .category-header p {
margin: 0 0 .15em 0; margin: 0 0 .15em 0;

@ -1,15 +1,15 @@
$theme-colors: ( $theme-colors: (
"primary": #707070, "primary": #707070,
"secondary": #303033, "secondary": #121212,
"success": #808080, "success": #808080,
"info": #202023, "info": #272727,
"warning": #000000, "warning": #000000,
"navbartext": #414144, "navbartext": #414144,
"navbartextfeather": #303033, "navbartextfeather": #303033,
"navbartextactive": #202022, "navbartextactive": #202022,
"inactivecard": #414144, "inactivecard": #414144,
"activecard": #707070, "activecard": #707070,
"boxborder": #55555c, "boxborder": #272727,
"activecardfont":#e1e4e8, "activecardfont":#e1e4e8,
"searchfont": #808080, "searchfont": #808080,
"sidebarfill": #202023, "sidebarfill": #202023,
@ -21,9 +21,9 @@ $theme-colors: (
"paragraphtextcolor": #808080, "paragraphtextcolor": #808080,
"paragraphtextcolorhover":#202022, "paragraphtextcolorhover":#202022,
"themebuttonoutline": #414144, "themebuttonoutline": #414144,
"inactiveaccordion": #313033, "inactiveaccordion": #202023,
"activeaccordion": #414144, "activeaccordion": #414144,
"inactivetextaccordion": #171719, "inactivetextaccordion": #414144,
"activetextaccordion": #808080, "activetextaccordion": #808080,
"inactiveborderaccordion": #202023, "inactiveborderaccordion": #202023,
"activeborderaccordion": rgba(26, 26, 26, 0), "activeborderaccordion": rgba(26, 26, 26, 0),

Loading…
Cancel
Save