Dark version updated

This commit is contained in:
EliverLara
2018-08-13 16:56:44 -05:00
parent d22e7383d1
commit 1031390c1c
7 changed files with 1006 additions and 1030 deletions

View File

@@ -22,7 +22,8 @@ $slider: #7b7bbd;
$teal: #00e8c6;
$selected_fg_color: #fefefe;
$selected_bg_color: #00D3A7;
$selected_bg_color: #c50ed2;
//$selected_bg_color: #f7005a;
/*$selected_bg_color: #00e8c6;06d6a0*/
$selected_borders_color: darken($selected_bg_color, 10%);
$borders_color: if($variant == 'light', transparentize(black,0.87), transparentize(#eee,0.9));

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -1,6 +1,6 @@
$variant: 'light';
$variant: 'dark';
@import 'colors';
@import 'colors-public';

View File

@@ -162,14 +162,14 @@ headerbar {
}
.linked > button:active{
@extend %linked-header;
background: #00e8b7;
background: linear-gradient(to right, #c50ed2, #8500f7) ;
color: rgb(255, 250, 250);
}
.linked > button:checked{
@extend %linked-header;
border-radius: 23px;
background: #00e8b7;
box-shadow: 0px 2px 4px rgba(177, 177, 177, 0.753);
background: linear-gradient(to right, #c50ed2, #8500f7);
box-shadow: 0px 0px 5px transparentize(#c50ed2, 0.02);
color: rgb(255, 250, 250);
&:backdrop{
color: darken(rgb(255, 250, 250), 4%);

View File

@@ -151,7 +151,7 @@ scale {
$_scale_disabled_bg: darken($_scale_bg, 15%);
slider {
border-color: $base_color;
border: 2px solid $selected_bg_color;
border: 2px solid #00f17d;
border-radius: 12px;
background-color: $_scale_bg;
@@ -283,7 +283,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid $selected_bg_color;
border: 2px solid #00f17d;
border-radius: 50%;
background-color: $_scale_bg;

View File

@@ -138,7 +138,7 @@ placessidebar{
margin-right: 12px;
padding-left: 14px;
padding-right: 12px;
color: #98abb2;
color: #9ecfa2;
}
}
&:hover{
@@ -157,9 +157,9 @@ placessidebar{
}
&:selected{
color: rgba(0,0,0,0.54);
color: rgba(255, 255, 255, 0.938);
background-color: transparent;
background-image:linear-gradient(to right, #00e8b7 40px,
background-image:linear-gradient(to right, $selected_bg_color 40px,
rgba(65,67,75,0) 36px, rgba(65,67,75,0)97%);
&:hover{
color: #ffffff;