NeilBrommer/Personal-Site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add a dark mode

Browse source
This commit is contained in:
Neil Brommer 2017-12-15 21:09:10 -08:00
parent 282281db82
commit 04cce1956b
10 changed files with 278 additions and 87 deletions
Download patch file Download diff file Expand all files Collapse all files

34
css/main.css
View file

@ -22,7 +22,7 @@ a:not(.nav-link):not(.navbar-brand) {
}
a:hover:not(.nav-link):not(.navbar-brand) {
color: var(--main-light-color) !important;
color: var(--main-light-color);
}
li.col-md-6 {
@ -48,3 +48,35 @@ li.col-md-6 {
.full-height {
height: 100%;
}
.jumbo-dark {
background-color: #2b3136;
}
.a-dark {
color: var(--main-light-color) !important;
}
.a-dark:hover {
color: white !important;
}
.transition {
-webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border 0.25s ease-in-out;
-moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border 0.25s ease-in-out;
transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border 0.25s ease-in-out;
}
.card.bg-dark {
border-color: rgba(255, 255, 255, 0.125);
}
.dark.form-control {
background-color: rgb(81, 89, 107);
border-color: rgb(60, 66, 80);
}
.dark.form-control:focus {
box-shadow: 0 0 0 .2rem rgba(255,255,255,.5);
}