luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-15 16:09: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) { @mixin scale-highlight($dir) {
background: linear-gradient(to $dir, #00f17d, #00f7d2); background: linear-gradient(to $dir, #ff005d, #ff8b26);
} }
@mixin selected-tab($dir) { @mixin selected-tab($dir) {
@@ -605,7 +605,7 @@ box-shadow: none;
linear-gradient(to $dir, $selected-tab-gradient-start, $selected-tab-gradient-end) linear-gradient(to $dir, $selected-tab-gradient-start, $selected-tab-gradient-end)
left left
bottom bottom
lighten(mix($base_color, $headerbar_color, 30%), 2%) lighten(mix($base_color, darken($headerbar_color, 8%), 30%), 4%)
no-repeat; no-repeat;
@if $dir==right { background-size: 100% 2px; } @if $dir==right { background-size: 100% 2px; }
@else if $dir==bottom { background-size: 2px 100%; } @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 * * Notebooks *
*************/ *************/
notebook { notebook {
> header { > header {
padding: 1px; padding: 1px;
border-color: transparent; border-color: transparent;
border-width: 1px; border-width: 1px;
background-color: mix($base_color, $headerbar_color, 30%); background-color: mix($base_color, darken($headerbar_color, 6%), 30%);
&:backdrop { &:backdrop {
border-color: $backdrop_borders_color; border-color: $backdrop_borders_color;
@@ -190,7 +190,7 @@ notebook {
color: $backdrop_fg_color; color: $backdrop_fg_color;
&.reorderable-page { &.reorderable-page {
border-color: $backdrop_borders_color; 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 > 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%); $_scale_disabled_bg: darken($_scale_bg, 15%);
slider { slider {
border-color: $base_color; border-color: $base_color;
border: 2px solid #00f17d; border: 2px solid #ff8b26;
border-radius: 12px; border-radius: 12px;
background-color: $_scale_bg; background-color: $_scale_bg;
@@ -282,7 +282,7 @@ scale {
min-height: 15px; min-height: 15px;
min-width: 15px; min-width: 15px;
margin: -7px; margin: -7px;
border: 2px solid #00f17d; border: 2px solid #ff8b26;
border-radius: 50%; border-radius: 50%;
background-color: $_scale_bg; background-color: $_scale_bg;

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

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