changed dark theme colors because more contrast was needed

pull/2/head
Rebecca Hollis 5 years ago
parent 4b19b81d58
commit a10263460a

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

@ -18,7 +18,7 @@
<div class="fixed-top d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-0 bg-primary border-top shadow-sm"> <div class="fixed-top d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-0 bg-primary border-top shadow-sm">
<a class="navbar-brand text-navbartext my-0 mr-md-auto"> <a class="navbar-brand text-navbartext my-0 mr-md-auto">
<img src="../images/JDS_faulkner_Logo_NoTextAtBottom.png" height="30" class="d-inline-block align-top" <img src="../images/Asset4.png" height="30" class="d-inline-block align-top"
alt="JDSfaulkner logo"> alt="JDSfaulkner logo">
&nbsp;Resource Center &nbsp;Resource Center
</a> </a>
@ -90,7 +90,7 @@
<div class="album py-5"> <div class="album py-5">
<div class="container"> <div class="container">
<input type="text" class="form-control 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"
aria-label="Search"> aria-label="Search">
</div> </div>

@ -75,7 +75,7 @@ body {
} }
.form-control::-webkit-input-placeholder { .form-control::-webkit-input-placeholder {
color: map-get($theme-colors, searchfont) !important; color: map-get($theme-colors, searchhint) !important;
} }

@ -1,33 +1,34 @@
$theme-colors: ( $theme-colors: (
"primary": #707070, "primary": #45454c,
"secondary": #121212, "secondary": #121212,
"success": #808080, "success": #808080,
"info": #272727, "info": #272727,
"warning": #000000, "warning": #000000,
"navbartext": #414144, "navbartext": #808080,
"navbartextfeather": #303033, "navbartextfeather": #303033,
"navbartextactive": #202022, "navbartextactive": #202022,
"inactivecard": #414144, "inactivecard": #333337,
"activecard": #707070, "activecard": #4f4f56,
"boxborder": #272727, "boxborder": #272727,
"activecardfont":#e1e4e8, "activecardfont":#e1e4e8,
"searchfont": rgba(128, 128, 128, 0.75), "searchhint": #7b7b7b,
"searchfont": #bababa,
"sidebarfill": #202023, "sidebarfill": #202023,
"sidebartext": #808080, "sidebartext": #808080,
"webcardimagebackground": #707070, "webcardimagebackground": #707070,
"webcardimagebackgroundhover": #98928F, "webcardimagebackgroundhover": #98928F,
"headertextcolor": #808080, "headertextcolor": #9d9d9d,
"headertextcolorhover": #202022, "headertextcolorhover": #d5d5d5,
"paragraphtextcolor": #808080, "paragraphtextcolor": #9d9d9d,
"paragraphtextcolorhover":#202022, "paragraphtextcolorhover":#d5d5d5,
"themebuttonoutline": #414144, "themebuttonoutline": #808080,
"inactiveaccordion": #202023, "inactiveaccordion": #202023,
"activeaccordion": #414144, "activeaccordion": #333337,
"inactivetextaccordion": #414144, "inactivetextaccordion": #7b7b7b,
"activetextaccordion": #808080, "activetextaccordion": #9d9d9d,
"inactiveborderaccordion": #202023, "inactiveborderaccordion": #272727,
"activeborderaccordion": rgba(26, 26, 26, 0), "activeborderaccordion": rgba(26, 26, 26, 0),
"footertext": #808080, "footertext": #7b7b7b,
); );
.theme-button{ .theme-button{

Loading…
Cancel
Save