bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-20 10:13:31 +00:00
Code Issues Releases Wiki Activity

dark theme styles

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

44
src/scss/list.scss
View File

@@ -3,12 +3,15 @@
.list > a {
display: block;
padding: 3px 10px;
background-color: white;
text-decoration: none;
color: $text-color;
position: relative;
z-index: 1;
@include themify($themes) {
color: themed('textColor');
background-color: themed('listItemBackgroundColor');
}
&:after {
content: "";
display: table;
@@ -22,7 +25,11 @@
bottom: 0;
height: 1px;
width: calc(100% - 10px);
border-bottom: 1px solid $border-color;
border-bottom: 1px solid #000000;
@include themify($themes) {
border-bottom-color: themed('borderColor');
}
}
&:last-child:before {
@@ -31,17 +38,27 @@
}
&:hover, &:focus, &.active {
background-color: $list-item-hover;
@include themify($themes) {
background-color: themed('listItemBackgroundHoverColor');
}
}
&.active {
border-left: 5px solid $brand-primary;
border-left: 5px solid #000000;
padding-left: 5px;
@include themify($themes) {
border-left-color: themed('primaryColor');
}
}
&:focus:not(.active) {
border-left: 5px solid $text-muted;
border-left: 5px solid #000000;
padding-left: 5px;
@include themify($themes) {
border-left-color: themed('mutedColor');
}
}
.text, .detail {
@@ -49,12 +66,18 @@
overflow: hidden;
text-overflow: ellipsis;
display: block;
color: $text-color;
@include themify($themes) {
color: themed('textColor');
}
}
.detail {
font-size: $font-size-small;
color: $gray-light;
@include themify($themes) {
color: themed('mutedColor');
}
}
.icon {
@@ -65,7 +88,10 @@
height: 36px;
width: 34px;
margin-left: -5px;
color: $text-muted;
@include themify($themes) {
color: themed('mutedColor');
}
img {
border-radius: $border-radius;