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

Added ambar colors

Browse Source
This commit is contained in:
EliverLara
2018-09-07 15:36:06 -05:00
parent ade06a2010
commit 2dd9ca028f
128 changed files with 806 additions and 787 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,7 +5,7 @@
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, darken($main_dark_color, 7%), darken($main_dark_color, 7%)) , mix($base_color, darken($headerbar_color, 8%), 30%));
color: $headerbar_fg_color;
border-radius: 0;
&:backdrop {
@@ -74,7 +74,7 @@ headerbar {
&:backdrop,
&:disabled,
&:backdrop:disabled {
@include button(backdrop-header,red,transparentize($fg_color,0.8));
@include button(backdrop-header,red,transparentize($fg_color,0.3));
border: none;
}
@@ -162,14 +162,14 @@ headerbar {
}
.linked > button:active{
@extend %linked-header;
background: #00e8b7;
background: linear-gradient(to right, #eee90a, $selected_bg_color) ;
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, #eee90a, $selected_bg_color) ;
box-shadow: 0px 2px 4px transparentize($selected_bg_color, 0.02);
color: rgb(255, 250, 250);
&:backdrop{
color: darken(rgb(255, 250, 250), 4%);

2
gtk-3.0/widgets/_menus.scss
View File

@@ -29,7 +29,7 @@ menu,
.context-menu {
margin: 4px;
padding: 2px 0px;
background: if( $variant == 'light', linear-gradient(to bottom, #fff 20%, #fff), linear-gradient(to bottom, lighten($bg_color, 2%), darken($bg_color, 2%)));
background: if( $variant == 'light', linear-gradient(to bottom, darken($base_color, 4%) 20%, darken($base_color, 4%) ), linear-gradient(to bottom, lighten($bg_color, 2%), darken($bg_color, 2%)));
border: 1px solid $borders_color; // adds borders in a non composited env
.csd & { border: none; } // axes borders in a composited env

2
gtk-3.0/widgets/_popovers.scss
View File

@@ -5,7 +5,7 @@
popover.background {
padding: 2px;
border-radius: 5px;
background: if( $variant == 'light', linear-gradient(to bottom, #fff 20%, #fff), linear-gradient(to bottom, lighten($bg_color, 2%), darken($bg_color, 2%)));
background: if( $variant == 'light', linear-gradient(to bottom,darken($base_color, 4%) 20%, darken($base_color, 4%)), linear-gradient(to bottom, lighten($bg_color, 2%), darken($bg_color, 2%)));
.csd &, & { border: 1px solid $borders_color; }

2
gtk-3.0/widgets/_scales.scss
View File

@@ -19,7 +19,7 @@
%scale_highlight {
border: none;
background: linear-gradient(to right, #00f17d, #00f7d2);
background: linear-gradient(to right, #fed349, #ff7800);
border-radius: 3px;
margin: 0;

10
gtk-3.0/widgets/_sidebar.scss
View File

@@ -121,10 +121,10 @@ stacksidebar {
/*--*/
placessidebar{
$_sidebar_color: if($variant == 'light', #222e39, #161925);
$_sidebar_color: if($variant == 'light', darken($main_dark_color, 3%), $main_dark_color);
&.sidebar{
background-color: transparent;
background-image:linear-gradient(to right, #171e27 40px,
background-image:linear-gradient(to right, darken($main_dark_color, 5%) 40px,
$_sidebar_color 35px,$_sidebar_color 36px,
$_sidebar_color 36px,$_sidebar_color 99%,
$_sidebar_color 100%);
@@ -157,9 +157,9 @@ placessidebar{
}
&:selected{
color: rgba(0,0,0,0.54);
color: #fff;
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;
@@ -171,7 +171,7 @@ placessidebar{
&:backdrop{
color: rgba(0,0,0,0.54);;
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%);
}

4
gtk-3.0/widgets/_switches.scss
View File

@@ -30,13 +30,13 @@ switch {
&:active,
&:checked {
// border: 1px solid $teal;
background: linear-gradient(to right, #ff9200, #fadd00);
background: linear-gradient(to right, #56CCF2, #2F80ED);
slider{
background: #fff;
}
&:backdrop {
//border: 1px solid $teal;
background: linear-gradient(to right, darken(#ff9200, 5%), darken(#fadd00, 5%));
background: linear-gradient(to right, darken(#56CCF2, 5%), darken(#2F80ED, 5%));
slider {
&:backdrop {
box-shadow:none;