Add dark theme. (#4355)

master
PJ Hampton 2017-08-01 03:17:42 +01:00 committed by Zaahir Moolla
parent 5b24303665
commit 1b10220bdc
1 changed files with 89 additions and 0 deletions

View File

@ -654,3 +654,92 @@ input:checked+.tile__ctrl__toggle-slider:before {
margin-top: 0;
}
}
/*
* DARK THEME
*/
.dark-bg .zci--calculator .tile__calc .tile__ctrl__btn {
background: #2B2B2B;
border: 1px solid #414141;
color: #fdfdfd;
}
.dark-bg .zci--calculator .tile__calc .tile__ctrl__btn:hover {
background: rgba(88, 88, 88, 0.75);
}
.dark-bg .zci--calculator .tile__calc .tile__ctrl--ops,
.dark-bg .zci--calculator .tile__calc .tile__tab__sci .tile__ctrl__btn {
background: #111;
font-weight: lighter;
}
.dark-bg .zci--calculator .tile__calc .tile__ctrl--ops:hover,
.dark-bg .zci--calculator .tile__calc .tile__tab__sci .tile__ctrl__btn:hover {
background: rgba(17, 17, 17, 0.7);
}
.dark-bg .zci--calculator .tile__calc .tile__ctrl__toggle {
background: #111;
border: 1px solid #414141;
color: #fdfdfd;
}
.dark-bg .zci--calculator .tile__ctrl__toggle-slider {
background: #2B2B2B;
}
.dark-bg .zci--calculator .tile__calc .tile__display__main {
background: #2B2B2B;
}
.dark-bg .zci--calculator .tile__calc .tile__ctrl--important {
background: rgb(220, 140, 0);
}
.dark-bg .zci--calculator .tile__calc .tile__ctrl--important:hover {
background: rgba(220, 140, 0, 0.7);
}
.dark-bg .zci--calculator .tile__calc .tile__display {
background: #2B2B2B;
border: 1px solid #414141;
box-shadow: none;
}
.dark-bg .zci--calculator .tile__calc .tile__display__main {
color: #fdfdfd;
}
.dark-bg .zci--calculator .tile__calc .tile__display.selected {
box-shadow: inset -1px -1px 0px #61a0c7, inset 1px 1px 0px #61a0c7;
}
.dark-bg .zci--calculator .tile__calc__col {
border-bottom: none;
}
/* history */
.dark-bg .zci--calculator .tile__calc .tile__history {
background-color: #111;
border: 1px solid #414141;
}
.dark-bg .zci--calculator .tile__calc .tile__past-calc {
background: #2B2B2B;
}
.dark-bg .zci--calculator .tile__calc .tile__past-result {
color: #fdfdfd;
}
.dark-bg .zci--calculator .tile__calc .tile__past-calc {
border-bottom: 1px solid #414141;
}
.dark-bg .zci--calculator .tile__calc .tile__past-calc:hover {
background: #111;
}