mirror of
https://github.com/bitwarden/browser
synced 2025-12-17 16:53:34 +00:00
dark theme tweaks
This commit is contained in:
@@ -14,6 +14,9 @@ html, body {
|
||||
}
|
||||
|
||||
body {
|
||||
color: $text-color;
|
||||
background-color: $background-color-alt2;
|
||||
|
||||
@include themify($themes) {
|
||||
color: themed('textColor');
|
||||
background-color: themed('backgroundColorAlt2');
|
||||
|
||||
@@ -206,8 +206,15 @@ app-root > #loading {
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
color: $text-muted;
|
||||
|
||||
@include themify($themes) {
|
||||
color: themed('mutedColor');
|
||||
}
|
||||
}
|
||||
|
||||
.logo-image {
|
||||
@include themify($themes) {
|
||||
content: url('../images/logo-' + themed('logoSuffix') + '@2x.png');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
|
||||
img {
|
||||
margin: 0 auto 15px;
|
||||
width: 282px;
|
||||
width: 284px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -79,6 +79,7 @@ $themes: (
|
||||
successColor: $brand-success,
|
||||
infoColor: $brand-info,
|
||||
warningColor: $brand-warning,
|
||||
logoSuffix: 'dark',
|
||||
),
|
||||
dark: (
|
||||
textColor: #ffffff,
|
||||
@@ -97,7 +98,7 @@ $themes: (
|
||||
headerInputColor: #ffffff,
|
||||
headerInputPlaceholderColor: #707070,
|
||||
listItemBackgroundColor: #363636,
|
||||
listItemBackgroundHoverColor: #464646,
|
||||
listItemBackgroundHoverColor: #3c3c3c,
|
||||
groupingsActiveColor: #292929,
|
||||
disabledIconColor: #c7c7cd,
|
||||
headingColor: #a3a3a3,
|
||||
@@ -113,7 +114,7 @@ $themes: (
|
||||
inputPlaceholderColor: #707070,
|
||||
buttonBackgroundColor: #363636,
|
||||
buttonBorderColor: #1f1f1f,
|
||||
buttonColor: #ffffff,
|
||||
buttonColor: #e0e0e0,
|
||||
buttonPrimaryColor: #46ace7,
|
||||
buttonDangerColor: #ff3e24,
|
||||
primaryColor: #52bdfb,
|
||||
@@ -122,6 +123,7 @@ $themes: (
|
||||
successColor: $brand-success,
|
||||
infoColor: $brand-info,
|
||||
warningColor: $brand-warning,
|
||||
logoSuffix: 'white',
|
||||
),
|
||||
);
|
||||
|
||||
|
||||
@@ -214,7 +214,7 @@
|
||||
}
|
||||
|
||||
img {
|
||||
width: 282px;
|
||||
width: 284px;
|
||||
opacity: 0.3;
|
||||
transition: all 1s ease-in-out;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user