Light grey theme

This commit is contained in:
narcolepticinsomniac 2018-07-18 20:37:06 -04:00 committed by GitHub
parent 6c9da3e864
commit a3f35fb1d2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 8 deletions

View File

@ -33,7 +33,7 @@
height: 12px;
padding: 0;
line-height: 12px;
border: 0 solid #E3E3E3;
border: 1px solid hsl(0, 0%, 80%);
border-radius: 12px;
background-color: #E0E0E0;
box-shadow: inset 2px 2px 4px rgba(0,0,0,0.1);
@ -55,11 +55,11 @@
}
.onoffswitch input:checked + span {
background-color: #CAEBE3;
background-color: hsl(165, 45%, 80%);
}
.onoffswitch input:checked + span, .onoffswitch input:checked + span::before {
border-color: #CAEBE3;
border-color: hsl(165, 45%, 66%);
}
.onoffswitch input:checked + span .onoffswitch-inner {

View File

@ -10,7 +10,9 @@ html.opera body {
}
body {
background: #fff;
color: hsl(0, 0%, 20%);
background-color: hsl(0, 0%, 90%);
box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .4);
margin: 0;
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
@ -38,10 +40,10 @@ body {
.block {
display: flex;
align-items: center;
margin: 1em 0;
border-bottom: 1px dotted #ccc;
padding: 0 16px .75em;
border-bottom: 1px solid hsl(0, 0%, 74%);
padding: 1em 16px 1.75em;
position: relative;
box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .4);
}
.block:nth-last-child(2) {
@ -79,6 +81,7 @@ label {
display: flex;
margin: .25ex 0;
align-items: center;
cursor: pointer;
}
label > :first-child {
@ -143,7 +146,6 @@ input[type="color"] {
align-items: stretch;
padding: 1em;
white-space: nowrap;
background-color: rgba(0, 0, 0, .05);
margin: 0;
}