luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-14 07:39:52 +01:00
Code Issues Projects Releases Wiki Activity

Update colors

Browse Source
This commit is contained in:
EliverLara
2018-11-17 15:34:25 -06:00
parent b1d77ca629
commit cecc03c7f4
211 changed files with 2724 additions and 2304 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
gtk-3.0/widgets/_header-bars.scss
View File

@@ -5,9 +5,10 @@
headerbar {
padding: 0px 13px;
min-height: 34px;
background: if($variant == 'light', linear-gradient(to bottom, #fff, #fff) , mix($base_color, darken($headerbar_color, 8%), 30%));
background: if($variant == 'light', linear-gradient(to bottom, #fff, #fff) , darken($headerbar_color, 1%));
color: $headerbar_fg_color;
border-radius: 0;
box-shadow: 0px -1px $borders_color inset;
&:backdrop {
border-color: $backdrop_borders_color;
// background-image: none;
@@ -99,22 +100,22 @@ headerbar {
border-radius: 4px;
@include button(normal, $b_color, white);
box-shadow: none;
text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9);
&:hover { @include button(hover, transparent, white); }
&:hover { @include button(hover, $b_color, white); }
&:active { @include button(active, $b_color, white); }
&:active { @include button(active, transparent, white); }
&:disabled {
@include button(insensitive, $b_color, white);
@include button(insensitive, transparent, white);
label {color: transparentize(white,0.5);}
}
&:backdrop {
@include button(backdrop, $b_color, white);
@include button(backdrop, transparent, white);
border-radius: 3px;
}
&:backdrop:disabled { @include button(backdrop-insensitive, $b_color, white); }
&:backdrop:disabled { @include button(backdrop-insensitive, transparent, white); }
}
}
@@ -162,19 +163,20 @@ headerbar {
}
.linked > button:active{
@extend %linked-header;
background: linear-gradient(to right, #c50ed2, #8500f7) ;
color: rgb(255, 250, 250);
background: linear-gradient(to right, $red, $yellow) ;
color: $selected_fg_color;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
}
.linked > button:checked{
.linked > button:checked {
@extend %linked-header;
border-radius: 23px;
background: linear-gradient(to right, #c50ed2, #8500f7);
box-shadow: 0px 0px 5px transparentize(#c50ed2, 0.02);
color: rgb(255, 250, 250);
background: linear-gradient(to right, $red, $yellow);
color: $selected_fg_color;
text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9);
&:backdrop{
color: darken(rgb(255, 250, 250), 4%);
color: darken($selected_fg_color, 4%);
label{
color: darken(rgb(255, 250, 250), 4%);;
color: darken($selected_fg_color, 4%);;
}
}
}
@@ -186,7 +188,6 @@ headerbar {
&.selection-mode {
button {
&:backdrop {
&.flat, & {
&:active,
@@ -207,7 +208,7 @@ headerbar {
.maximized & {
&.titlebar {
@if $variant == 'light' { box-shadow: none; }
@else { box-shadow: inset 0 -1px $bottom_highlight; }
@else { box-shadow: inset 0 -1px $borders_color; }
}
&:backdrop, & { border-radius: 0; }
} // squared corners when the window is maximized or tiled
@@ -242,7 +243,7 @@ headerbar {
.background:not(.tiled):not(.maximized) .titlebar {
@if $variant == 'light' { box-shadow: inset 0 1px $top_highlight; }
@else { box-shadow: inset 0 1px $top_highlight,inset 0 -1px $bottom_highlight; }
@else { box-shadow: inset 0 1px $top_highlight, inset 0 -1px $borders_color; }
&:backdrop, & {