1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-17 16:53:34 +00:00

dark theme styles

This commit is contained in:
Kyle Spearrin
2018-05-30 15:21:41 -04:00
parent a0b59ab9bd
commit 829d0f22cc
11 changed files with 358 additions and 99 deletions

View File

@@ -8,16 +8,24 @@
html, body {
height: 100%;
background-color: $background-color-alt2;
font-family: $font-family-sans-serif;
font-size: $font-size-base;
color: $text-color;
line-height: $line-height-base;
}
body {
@include themify($themes) {
color: themed('textColor');
background-color: themed('backgroundColorAlt2');
}
}
h1, h2, h3, h4, h5, h6 {
font-family: $font-family-sans-serif;
color: $text-color;
@include themify($themes) {
color: themed('textColor');
}
}
p {
@@ -36,13 +44,22 @@ a {
color: $brand-primary;
text-decoration: none;
@include themify($themes) {
color: themed('primaryColor');
}
&:hover, &:focus {
color: darken($brand-primary, 6%);
@include themify($themes) {
color: darken(themed('primaryColor'), 6%);
}
}
}
input, select, textarea {
color: $text-color;
@include themify($themes) {
color: themed('textColor');
background-color: themed('inputBackgroundColor');
}
}
input, select, textarea, button {