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

Gtk-4: Fix color styling issues

Browse Source
This commit is contained in:
EliverLara
2021-12-05 15:00:32 -06:00
parent 593b384556
commit e56b8afa2d
6 changed files with 1762 additions and 1769 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
gtk-4.0/_drawing.scss
View File

@@ -597,7 +597,7 @@ box-shadow: none;
}
@mixin scale-highlight($dir) {
background: linear-gradient(to $dir, #00f17d, #00f7d2);
background: linear-gradient(to $dir, #ff005d, #ff8b26);
}
@mixin selected-tab($dir) {
@@ -605,7 +605,7 @@ box-shadow: none;
linear-gradient(to $dir, $selected-tab-gradient-start, $selected-tab-gradient-end)
left
bottom
lighten(mix($base_color, $headerbar_color, 30%), 2%)
lighten(mix($base_color, darken($headerbar_color, 8%), 30%), 4%)
no-repeat;
@if $dir==right { background-size: 100% 2px; }
@else if $dir==bottom { background-size: 2px 100%; }

1747
gtk-4.0/gtk-dark.css
View File

File diff suppressed because it is too large Load Diff

1747
gtk-4.0/gtk.css
View File

File diff suppressed because it is too large Load Diff

10
gtk-4.0/widgets/_notebooks.scss
View File

@@ -1,12 +1,12 @@
/*************
* Notebooks *
*************/
notebook {
notebook {
> header {
padding: 1px;
border-color: transparent;
border-width: 1px;
background-color: mix($base_color, $headerbar_color, 30%);
background-color: mix($base_color, darken($headerbar_color, 6%), 30%);
&:backdrop {
border-color: $backdrop_borders_color;
@@ -190,7 +190,7 @@ notebook {
color: $backdrop_fg_color;
&.reorderable-page {
border-color: $backdrop_borders_color;
background-color: $backdrop_base_color;
background-color: $backdrop_bg_color;
}
}
@@ -269,8 +269,8 @@ notebook {
}
> stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks
background-color: $base_color;
background-color: $bg_color;
&:backdrop { background-color: $backdrop_base_color; }
&:backdrop { background-color: $backdrop_bg_color; }
}
}

4
gtk-4.0/widgets/_scales.scss
View File

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

19
gtk-4.0/widgets/_switches.scss
View File

@@ -1,18 +1,19 @@
/**********
* Switch *
**********/
switch {
switch {
font-size: 1px;
font-weight: bold;
outline-offset: -4px;
transition: all 200ms ease-in;
border: 1px solid $borders_color;
border: none;
border-radius: 14px;
color: transparent;
padding: 2.3px 0px;
background: linear-gradient(to right, #1E2233, #1E2233);
// border: 1px solid rgba(170, 170, 170, 0.4);
background: linear-gradient(to right, #0e1011, #0e1011);
border: 1px solid #0a0b0c;
&:disabled {
background-color: $insensitive_bg_color;
}
@@ -27,16 +28,14 @@ switch {
&:active,
&:checked {
background: linear-gradient(to right, #f7005a, #fadd00);
slider{
background: #fff;
background: linear-gradient(to right, #00a6c9, #00e4ce);
}
&:backdrop {
background: linear-gradient(to right, darken(#f7005a, 5%), darken(#fadd00, 5%));
slider {
&:backdrop {
box-shadow:none;
background-color:transparentize($base_color, 0.1);
background: linear-gradient(to right, darken(#00a6c9, 10%), darken(#00e4ce, 10%));
border:none;
}
}
@@ -45,14 +44,14 @@ switch {
// Handle
slider {
padding: 2px;
padding:2px;
margin: 0 2.3px;
min-width: 12px;
min-height: 12px;
border-radius: 100%;
transition: $button_transition;
background-color: darken(#1E2233, 5%);
background-color: lighten(#0e1011, 5%);
&:backdrop {
padding:2px;