luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-17 00:49:52 +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

79
gtk-4.0/gtk.css
View File

@@ -2841,7 +2841,7 @@ notebook > header {
padding: 1px;
border-color: transparent;
border-width: 1px;
background-color: #525357; }
background-color: #dadbdd; }
notebook > header:backdrop {
border-color: rgba(141, 141, 141, 0.217);
background-color: #e6e6e6; }
@@ -2854,7 +2854,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 #57585c no-repeat;
background: linear-gradient(to right, #fed349, #ff7800) left bottom #e5e5e7 no-repeat;
background-size: 100% 2px;
border: 0; }
notebook > header.bottom {
@@ -2864,7 +2864,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 #57585c no-repeat;
background: linear-gradient(to right, #fed349, #ff7800) left bottom #e5e5e7 no-repeat;
background-size: 100% 2px;
border: 0; }
notebook > header.left {
@@ -2874,7 +2874,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 #57585c no-repeat;
background: linear-gradient(to bottom, #fed349, #ff7800) left bottom #e5e5e7 no-repeat;
background-size: 2px 100%;
border: 0; }
notebook > header.right {
@@ -2884,7 +2884,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 #57585c no-repeat;
background: linear-gradient(to bottom, #fed349, #ff7800) left bottom #e5e5e7 no-repeat;
background-size: 2px 100%;
border: 0; }
notebook > header.top > tabs > arrow {
@@ -3143,7 +3143,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; }
@@ -3178,7 +3178,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 {
@@ -3201,7 +3201,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;
@@ -3245,7 +3245,7 @@ scale {
background-color: transparent; }
scale slider {
border-color: #ebf0f5;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 12px;
background-color: #fff; }
scale slider:active {
@@ -3352,7 +3352,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3362,7 +3362,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3372,7 +3372,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3382,7 +3382,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3392,7 +3392,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3402,7 +3402,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3412,7 +3412,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3422,7 +3422,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3432,7 +3432,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3442,7 +3442,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3452,7 +3452,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3462,7 +3462,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3472,7 +3472,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3482,7 +3482,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3492,7 +3492,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3502,7 +3502,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3512,7 +3512,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3522,7 +3522,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3532,7 +3532,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3542,7 +3542,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3552,7 +3552,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3562,7 +3562,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3572,7 +3572,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -3582,7 +3582,7 @@ scale {
min-height: 15px;
min-width: 15px;
margin: -7px;
border: 2px solid #00f17d;
border: 2px solid #f7b922;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -4119,11 +4119,12 @@ switch {
font-weight: bold;
outline-offset: -4px;
transition: all 200ms ease-in;
border: 1px solid rgba(0, 0, 0, 0.13);
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: #e8eaec; }
switch:backdrop {
@@ -4132,11 +4133,11 @@ switch {
switch:backdrop:disabled {
background-color: #e8eaec; }
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(235, 240, 245, 0.9);
@@ -4148,7 +4149,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;
@@ -5775,7 +5776,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 *