luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-16 08: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 14:46:44 -06:00
parent 6fc9abbd12
commit ec73c465e9
6 changed files with 96 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2848,7 +2848,7 @@ notebook > header {
notebook > header.top > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.top > tabs > tab:checked {
background: linear-gradient(to right, #fed349, #ff7800) left bottom #10121a no-repeat;
background: linear-gradient(to right, #fed349, #ff7800) left bottom #141721 no-repeat;
background-size: 100% 2px;
border: 0; }
notebook > header.bottom {
@@ -2858,7 +2858,7 @@ notebook > header {
notebook > header.bottom > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.bottom > tabs > tab:checked {
background: linear-gradient(to right, #fed349, #ff7800) left bottom #10121a no-repeat;
background: linear-gradient(to right, #fed349, #ff7800) left bottom #141721 no-repeat;
background-size: 100% 2px;
border: 0; }
notebook > header.left {
@@ -2868,7 +2868,7 @@ notebook > header {
notebook > header.left > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.left > tabs > tab:checked {
background: linear-gradient(to bottom, #fed349, #ff7800) left bottom #10121a no-repeat;
background: linear-gradient(to bottom, #fed349, #ff7800) left bottom #141721 no-repeat;
background-size: 2px 100%;
border: 0; }
notebook > header.right {
@@ -2878,7 +2878,7 @@ notebook > header {
notebook > header.right > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.right > tabs > tab:checked {
background: linear-gradient(to bottom, #fed349, #ff7800) left bottom #10121a no-repeat;
background: linear-gradient(to bottom, #fed349, #ff7800) left bottom #141721 no-repeat;
background-size: 2px 100%;
border: 0; }
notebook > header.top > tabs > arrow {
@@ -3137,7 +3137,7 @@ progressbar {
margin: 0; }
progressbar.vertical progress {
margin: 0;
background: linear-gradient(to bottom, #00f17d, #00f7d2); }
background: linear-gradient(to bottom, #fed349, #ff7800); }
progressbar:backdrop {
box-shadow: none;
transition: 200ms ease-out; }
@@ -3172,7 +3172,7 @@ progressbar trough, scale trough, scale fill {
progressbar progress, scale highlight {
border: none;
background: linear-gradient(to right, #00f17d, #00f7d2);
background: linear-gradient(to right, #fed349, #ff7800);
border-radius: 3px;
margin: 0; }
progressbar progress:disabled, scale highlight:disabled {
@@ -3195,7 +3195,7 @@ scale {
scale.vertical progress {
min-width: 6px; }
scale.vertical highlight {
background: linear-gradient(to bottom, #00f17d, #00f7d2); }
background: linear-gradient(to bottom, #fed349, #ff7800); }
scale slider {
min-height: 15px;
min-width: 15px;
@@ -3239,7 +3239,7 @@ scale {
background-color: transparent; }
scale slider {
border-color: #181b28;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 12px;
background-color: #292f45; }
scale slider:active {
@@ -3346,7 +3346,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3356,7 +3356,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3366,7 +3366,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3376,7 +3376,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3386,7 +3386,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3396,7 +3396,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3406,7 +3406,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3416,7 +3416,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3426,7 +3426,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3436,7 +3436,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3446,7 +3446,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3456,7 +3456,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3466,7 +3466,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3476,7 +3476,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3486,7 +3486,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3496,7 +3496,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3506,7 +3506,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3516,7 +3516,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3526,7 +3526,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3536,7 +3536,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3546,7 +3546,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3556,7 +3556,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3566,7 +3566,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -3576,7 +3576,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #292f45;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
@@ -4113,11 +4113,12 @@ switch {
font-weight: bold;
outline-offset: -4px;
transition: all 200ms ease-in;
border: 1px solid rgba(12, 14, 21, 0.8);
border: none;
border-radius: 14px;
color: transparent;
padding: 2.3px 0px;
background: linear-gradient(to right, #1E2233, #1E2233); }
background: linear-gradient(to right, #859398, #859398);
box-shadow: 0px 2px 3px rgba(138, 138, 138, 0.753); }
switch:disabled {
background-color: #171a26; }
switch:backdrop {
@@ -4126,11 +4127,11 @@ switch {
switch:backdrop:disabled {
background-color: #171a26; }
switch:active, switch:checked {
background: linear-gradient(to right, #f7005a, #fadd00); }
background: linear-gradient(to right, #56CCF2, #2F80ED); }
switch:active slider, switch:checked slider {
background: #fff; }
switch:active:backdrop, switch:checked:backdrop {
background: linear-gradient(to right, #de0051, #e1c600); }
background: linear-gradient(to right, #3ec5f0, #1872eb); }
switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop {
box-shadow: none;
background-color: rgba(24, 27, 40, 0.9);
@@ -4142,7 +4143,7 @@ switch {
min-height: 12px;
border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-color: #151723; }
background-color: #bcc4c7; }
switch slider:backdrop {
padding: 2px;
box-shadow: none;
@@ -5751,7 +5752,7 @@ LibraryWindow .the-button-in-the-combobox {
.source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block {
border: none; }
.source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block, .source-list.view.level-bar.fill-block:hover, iconview.source-list.level-bar.fill-block:hover, .source-list.view.level-bar.fill-block:selected, iconview.source-list.level-bar.fill-block:selected, .source-list.view.level-bar.fill-block:selected:focus, iconview.source-list.level-bar.fill-block:selected:focus {
background: linear-gradient(to right, #00f17d, #00f7d2); }
background: linear-gradient(to right, #fed349, #ff7800); }
/**************************
* Colors in context menu *