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 theme parsing erros and warnings

Browse Source
This commit is contained in:
EliverLara
2021-12-05 14:25:05 -06:00
parent 639c79972d
commit e44bc5d010
19 changed files with 97 additions and 338 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
gtk-4.0/_common.scss
View File

@@ -13,24 +13,6 @@ $button_transition: all 200ms $ease-out-quad;
* {
padding: 0;
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: $error_color;
// The size for scrollbars. The slider is 2px smaller, but we keep it
// up so that the whole area is sensitive to button presses for the
// slider. The stepper button is larger in both directions, the slider
// only in the width
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkToolItemGroup-expander-size: 11;
-GtkWidget-text-handle-width: 20;
-GtkWidget-text-handle-height: 24;
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
// We use the outline properties to signal the focus properties
// to the adwaita engine: using real CSS properties is faster,
// and we don't use any outlines for now.
@@ -39,7 +21,6 @@ $button_transition: all 200ms $ease-out-quad;
outline-style: dashed;
outline-offset: -3px;
outline-width: 0px;
-gtk-outline-radius: 2px;
-gtk-secondary-caret-color: $selected_bg_color;
}

16
gtk-4.0/_drawing.scss
View File

@@ -530,17 +530,13 @@ box-shadow: none;
@if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; }
}
$_small_gradient: -gtk-gradient(radial,
$_position, 0,
$_position, 0.5,
to($_small_gradient_color),
to(transparentize($_small_gradient_color, 1)));
$_small_gradient: radial-gradient(farthest-side at $p,
$_small_gradient_color 85%,
transparentize($_small_gradient_color, 1));
$_big_gradient: -gtk-gradient(radial,
$_position, 0,
$_position, 0.6,
from(transparentize($_big_gradient_color, 0.93)),
to(transparentize($_big_gradient_color, 1)));
$_big_gradient: radial-gradient(farthest-side at $p,
$_big_gradient_color,
transparentize($_big_gradient_color, 1));
@if $t==normal {
background-image: $_small_gradient, $_big_gradient;

10
gtk-4.0/apps/_budgie.scss
View File

@@ -104,7 +104,7 @@ $pos_list: ((top, bottom),(bottom,top),(left,right),(right,left));
color: $panel_color;
.container { padding: 0; }
button:hover { -gtk-icon-effect: none; }
button:hover { -gtk-icon-filter: none; }
entry.search {
border: none;
@@ -350,8 +350,8 @@ button.raven-trigger {
.view-header {
font-size: 14px;
padding: 10px;
border-bottom: #{"1px solid mix(@theme_base_color, #000000, 0.35);"};
box-shadow: #{"0px 1px 1px alpha(@theme_fg_color, 0.04);"};
border-bottom: #{"1px solid mix(@theme_base_color, #000000, 0.35)"};
box-shadow: #{"0px 1px 1px alpha(@theme_fg_color, 0.04)"};
}
.display-settings-button {
@@ -359,8 +359,8 @@ button.raven-trigger {
border-top-right-radius: 0px;
border: none;
padding: 3px;
border-top: #{"1px solid mix(@theme_base_color, #000000, 0.35);"};
box-shadow: #{"inset 0px 1px 1px alpha(@theme_fg_color, 0.04);"};
border-top: #{"1px solid mix(@theme_base_color, #000000, 0.35)"};
box-shadow: #{"inset 0px 1px 1px alpha(@theme_fg_color, 0.04)"};
}
}

1
gtk-4.0/apps/_geary.scss
View File

@@ -11,7 +11,6 @@
}
ConversationListView {
-GtkTreeView-grid-line-width: 0;
.view {
&:active,

1
gtk-4.0/apps/_gnome.scss
View File

@@ -115,7 +115,6 @@
.nautilus-circular-button {
border-radius: 20px;
-gtk-outline-radius: 20px;
}
.disk-space-display {

3
gtk-4.0/apps/_nemo.scss
View File

@@ -1,8 +1,5 @@
.nemo-window {
.places-treeview {
-NemoPlacesTreeView-disk-full-bg-color: lighten($_sidebar_color, 15%);
-NemoPlacesTreeView-disk-full-fg-color: $teal;
-GtkTreeView-vertical-separator: 7;
.view.cell,
iconview.cell {
&:hover {

20
gtk-4.0/apps/_unity.scss
View File

@@ -9,26 +9,6 @@ $unity_panel_color: darken($unity_color, 10%); /* Unity panel color #454D50 */
UnityDecoration {
/* Border properties (top, right, bottom, left) */
-UnityDecoration-extents: 28px 1px 1px 1px;/* the size of the decorations */
-UnityDecoration-input-extents: 10px;/* the extra size of the input areas */
/* Shadows settings */
-UnityDecoration-shadow-offset-x: 1px;/* Size property, the shadow x offset */
-UnityDecoration-shadow-offset-y: 1px;/* Size property, the shadow y offset */
-UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, active window shadow color */
-UnityDecoration-active-shadow-radius: 8px;/* Size property, active window shadow radius */
-UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, inactive windows shadow color */
-UnityDecoration-inactive-shadow-radius: 5px;/* Size property, inactive windows shadow radius */
/* Glow applied to the selected scaled window */
-UnityDecoration-glow-size: 8px;/* Size property, size of glow */
-UnityDecoration-glow-color: $selected_bg_color;/* Color property of the glow */
/* Title settings */
-UnityDecoration-title-indent: 10px;/* Size property, left indent of the title */
-UnityDecoration-title-fade: 35px;/* Size property, space of the title that can be faded */
-UnityDecoration-title-alignment: 0.0;/* Float from 0.0 to 1.0, to align the title */
background-color: $unity_color;
color: $unity_text_color;

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

@@ -140,19 +140,10 @@ read if you used those and something break with a version upgrade you're on your
*********/
* {
padding: 0;
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: #e6133e;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkToolItemGroup-expander-size: 11;
-GtkWidget-text-handle-width: 20;
-GtkWidget-text-handle-height: 24;
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
outline-color: rgba(195, 199, 209, 0.3);
outline-style: dashed;
outline-offset: -3px;
outline-width: 0px;
-gtk-outline-radius: 2px;
-gtk-secondary-caret-color: #c50ed2; }
/***********
@@ -169,8 +160,7 @@ read if you used those and something break with a version upgrade you're on your
box-shadow: none; }
.action-bar:backdrop {
background-color: #030305;
box-shadow: none;
-gtk-icon-effect: dim; }
box-shadow: none; }
.action-bar:first-child {
border-radius: 6px 6px 0px 0px;
border-width: 1px 1px 0px 1px; }
@@ -214,9 +204,6 @@ read if you used those and something break with a version upgrade you're on your
or better, just don't.
Everytime a wildcard is used a kitten dies, painfully.
*/
*:disabled {
-gtk-icon-effect: dim; }
.gtkstyle-fallback {
color: #C3C7D1;
background-color: #161925; }
@@ -327,9 +314,9 @@ assistant .sidebar label.highlight {
***********/
@keyframes needs_attention {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#e63bf2), to(transparent)); }
background-image: radial-gradient(farthest-side, #e63bf2 0%, rgba(230, 59, 242, 0) 0%); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#c50ed2), to(transparent)); } }
background-image: radial-gradient(farthest-side, #e63bf2 95%, rgba(230, 59, 242, 0)); } }
notebook > header > tabs > arrow,
button {
min-height: 20px;
@@ -368,7 +355,7 @@ button {
outline-color: rgba(254, 254, 254, 0.3);
background-color: #c50ed2;
text-shadow: none;
-gtk-icon-effect: highlight; }
-gtk-icon-filter: brightness(1.2); }
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
button:active,
button:checked {
@@ -385,7 +372,7 @@ button {
background-color: #1a1d2b;
text-shadow: none;
transition: 200ms ease-out;
-gtk-icon-effect: none; }
-gtk-icon-filter: none; }
notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button:backdrop.flat:active,
button:backdrop.flat:checked,
@@ -905,7 +892,7 @@ button.destructive-action {
.stack-switcher > button.needs-attention > label,
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#e63bf2), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.9074509804)), to(transparent));
background-image: radial-gradient(farthest-side, #e63bf2 96%, rgba(230, 59, 242, 0));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 2px; }
@@ -1950,7 +1937,7 @@ actionbar > revealer > box {
scrolledwindow viewport.frame {
border-style: none; }
scrolledwindow overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat;
background-position: center top;
@@ -1958,7 +1945,7 @@ scrolledwindow overshoot.top {
border: none;
box-shadow: none; }
scrolledwindow overshoot.top:backdrop {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
background-image: radial-gradient(farthest-side at top, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center top;
@@ -1966,7 +1953,7 @@ scrolledwindow overshoot.top {
border: none;
box-shadow: none; }
scrolledwindow overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat;
background-position: center bottom;
@@ -1974,7 +1961,7 @@ scrolledwindow overshoot.bottom {
border: none;
box-shadow: none; }
scrolledwindow overshoot.bottom:backdrop {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
background-image: radial-gradient(farthest-side at bottom, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center bottom;
@@ -1982,7 +1969,7 @@ scrolledwindow overshoot.bottom {
border: none;
box-shadow: none; }
scrolledwindow overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat;
background-position: left center;
@@ -1990,7 +1977,7 @@ scrolledwindow overshoot.left {
border: none;
box-shadow: none; }
scrolledwindow overshoot.left:backdrop {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
background-image: radial-gradient(farthest-side at left, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: left center;
@@ -1998,7 +1985,7 @@ scrolledwindow overshoot.left {
border: none;
box-shadow: none; }
scrolledwindow overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat;
background-position: right center;
@@ -2006,7 +1993,7 @@ scrolledwindow overshoot.right {
border: none;
box-shadow: none; }
scrolledwindow overshoot.right:backdrop {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
background-image: radial-gradient(farthest-side at right, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: right center;
@@ -2071,11 +2058,6 @@ separator {
* Popovers *
************/
GraniteWidgetsPopOver {
-GraniteWidgetsPopOver-arrow-width: 21;
-GraniteWidgetsPopOver-arrow-height: 10;
-GraniteWidgetsPopOver-border-radius: 8px;
-GraniteWidgetsPopOver-border-width: 0;
-GraniteWidgetsPopOver-shadow-size: 12;
border: 1px solid #181b28;
background: #181b28;
color: #C3C7D1; }
@@ -2114,8 +2096,6 @@ GraniteWidgetsWelcome {
* Source List *
***************/
.source-list {
-GtkTreeView-horizontal-separator: 1px;
-GtkTreeView-vertical-separator: 6px;
background-color: #161925;
border: solid rgba(12, 14, 21, 0.8);
color: #C3C7D1;
@@ -2720,7 +2700,6 @@ menubar,
.menubar {
background-color: #0c0e14;
color: #C3C7D1;
-GtkWidget-window-dragging: true;
padding: 0px;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
menubar > item,
@@ -2825,7 +2804,7 @@ menuitem radio {
.content-view {
background-color: #090a0f; }
.content-view:hover {
-gtk-icon-effect: highlight; }
-gtk-icon-filter: brightness(1.2); }
.content-view:backdrop {
background-color: #090a0f; }
@@ -3238,11 +3217,9 @@ scale {
scale.fine-tune fill,
scale.fine-tune highlight,
scale.fine-tune trough {
border-radius: 5px;
-gtk-outline-radius: 7px; }
border-radius: 5px; }
scale trough {
outline-offset: 2px;
-gtk-outline-radius: 5px;
outline-color: transparent; }
scale fill:backdrop, scale fill {
background-color: rgba(12, 14, 21, 0.8); }
@@ -3666,9 +3643,6 @@ scale {
scrollbar {
background-color: #171a27;
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
* {
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; }
scrollbar.top {
border-bottom: 1px solid rgba(12, 14, 21, 0.8); }
scrollbar.bottom {
@@ -4177,7 +4151,6 @@ switch {
************/
toolbar, .inline-toolbar, searchbar,
.location-bar {
-GtkWidget-window-dragging: true;
padding: 4px;
background-color: #161925; }
@@ -4255,13 +4228,6 @@ tooltip {
treeview.view {
border-left-color: #6e717d;
border-top-color: #161925; }
* {
-GtkTreeView-horizontal-separator: 4;
-GtkTreeView-grid-line-width: 1;
-GtkTreeView-grid-line-pattern: '';
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16; }
treeview.view:selected:focus, treeview.view:selected {
border-radius: 0; }
treeview.view:selected:backdrop, treeview.view:selected {
@@ -4586,7 +4552,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
.budgie-menu .container {
padding: 0; }
.budgie-menu button:hover {
-gtk-icon-effect: none; }
-gtk-icon-filter: none; }
.budgie-menu entry.search {
border: none;
background: none;
@@ -4771,15 +4737,15 @@ button.raven-trigger {
.night-light-indicator .view-header {
font-size: 14px;
padding: 10px;
border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);;
box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04);; }
border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);
box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04); }
.night-light-indicator .display-settings-button {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border: none;
padding: 3px;
border-top: 1px solid mix(@theme_base_color, #000000, 0.35);;
box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; }
border-top: 1px solid mix(@theme_base_color, #000000, 0.35);
box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04); }
.budgie-panel {
color: white;
@@ -5445,8 +5411,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
border-color: rgba(197, 14, 210, 0.6); }
.nautilus-circular-button {
border-radius: 20px;
-gtk-outline-radius: 20px; }
border-radius: 20px; }
.disk-space-display {
border: 2px solid; }
@@ -5868,36 +5833,6 @@ radiobutton.color-button:active > radio {
/* Backdrop Unity window text color */
/* Unity panel color #454D50 */
UnityDecoration {
/* Border properties (top, right, bottom, left) */
-UnityDecoration-extents: 28px 1px 1px 1px;
/* the size of the decorations */
-UnityDecoration-input-extents: 10px;
/* the extra size of the input areas */
/* Shadows settings */
-UnityDecoration-shadow-offset-x: 1px;
/* Size property, the shadow x offset */
-UnityDecoration-shadow-offset-y: 1px;
/* Size property, the shadow y offset */
-UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647;
/* Color property, active window shadow color */
-UnityDecoration-active-shadow-radius: 8px;
/* Size property, active window shadow radius */
-UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647;
/* Color property, inactive windows shadow color */
-UnityDecoration-inactive-shadow-radius: 5px;
/* Size property, inactive windows shadow radius */
/* Glow applied to the selected scaled window */
-UnityDecoration-glow-size: 8px;
/* Size property, size of glow */
-UnityDecoration-glow-color: #c50ed2;
/* Color property of the glow */
/* Title settings */
-UnityDecoration-title-indent: 10px;
/* Size property, left indent of the title */
-UnityDecoration-title-fade: 35px;
/* Size property, space of the title that can be faded */
-UnityDecoration-title-alignment: 0.0;
/* Float from 0.0 to 1.0, to align the title */
background-color: #eeeeee;
color: #31363D; }
UnityDecoration .top {
@@ -6028,15 +5963,13 @@ MsdOsdWindow.background.osd {
.geary-titlebar-right .separator {
opacity: 0; }
ConversationListView {
-GtkTreeView-grid-line-width: 0; }
ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected {
ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected {
background-color: #c50ed2;
color: #fefefe; }
ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop {
background-color: rgba(197, 14, 210, 0.6);
color: rgba(254, 254, 254, 0.5); }
ConversationListView .view .cell, ConversationListView iconview .cell {
ConversationListView .view .cell, ConversationListView iconview .cell {
border: solid rgba(0, 0, 0, 0.2);
border-width: 0 0 1px 0; }
ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected {
@@ -6169,15 +6102,11 @@ ConversationListView {
border-bottom-width: 0;
font-weight: bold; }
.nemo-window .places-treeview {
-NemoPlacesTreeView-disk-full-bg-color: #333955;
-NemoPlacesTreeView-disk-full-fg-color: #00e8c6;
-GtkTreeView-vertical-separator: 7; }
.nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover,
.nemo-window .places-treeview iconview.cell:hover {
.nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover,
.nemo-window .places-treeview iconview.cell:hover {
background: rgba(16, 19, 27, 0.7); }
.nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected,
.nemo-window .places-treeview iconview.cell:selected {
.nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected,
.nemo-window .places-treeview iconview.cell:selected {
background: #c50ed2; }
.nemo-window .sidebar {
color: #98abb2;

127
gtk-4.0/gtk.css
View File

@@ -140,19 +140,10 @@ read if you used those and something break with a version upgrade you're on your
*********/
* {
padding: 0;
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: #e6133e;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkToolItemGroup-expander-size: 11;
-GtkWidget-text-handle-width: 20;
-GtkWidget-text-handle-height: 24;
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
outline-color: rgba(195, 199, 209, 0.3);
outline-style: dashed;
outline-offset: -3px;
outline-width: 0px;
-gtk-outline-radius: 2px;
-gtk-secondary-caret-color: #c50ed2; }
/***********
@@ -169,8 +160,7 @@ read if you used those and something break with a version upgrade you're on your
box-shadow: none; }
.action-bar:backdrop {
background-color: #030305;
box-shadow: none;
-gtk-icon-effect: dim; }
box-shadow: none; }
.action-bar:first-child {
border-radius: 6px 6px 0px 0px;
border-width: 1px 1px 0px 1px; }
@@ -214,9 +204,6 @@ read if you used those and something break with a version upgrade you're on your
or better, just don't.
Everytime a wildcard is used a kitten dies, painfully.
*/
*:disabled {
-gtk-icon-effect: dim; }
.gtkstyle-fallback {
color: #C3C7D1;
background-color: #161925; }
@@ -327,9 +314,9 @@ assistant .sidebar label.highlight {
***********/
@keyframes needs_attention {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#e63bf2), to(transparent)); }
background-image: radial-gradient(farthest-side, #e63bf2 0%, rgba(230, 59, 242, 0) 0%); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#c50ed2), to(transparent)); } }
background-image: radial-gradient(farthest-side, #e63bf2 95%, rgba(230, 59, 242, 0)); } }
notebook > header > tabs > arrow,
button {
min-height: 20px;
@@ -368,7 +355,7 @@ button {
outline-color: rgba(254, 254, 254, 0.3);
background-color: #c50ed2;
text-shadow: none;
-gtk-icon-effect: highlight; }
-gtk-icon-filter: brightness(1.2); }
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
button:active,
button:checked {
@@ -385,7 +372,7 @@ button {
background-color: #1a1d2b;
text-shadow: none;
transition: 200ms ease-out;
-gtk-icon-effect: none; }
-gtk-icon-filter: none; }
notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button:backdrop.flat:active,
button:backdrop.flat:checked,
@@ -905,7 +892,7 @@ button.destructive-action {
.stack-switcher > button.needs-attention > label,
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#e63bf2), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.9074509804)), to(transparent));
background-image: radial-gradient(farthest-side, #e63bf2 96%, rgba(230, 59, 242, 0));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 2px; }
@@ -1950,7 +1937,7 @@ actionbar > revealer > box {
scrolledwindow viewport.frame {
border-style: none; }
scrolledwindow overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat;
background-position: center top;
@@ -1958,7 +1945,7 @@ scrolledwindow overshoot.top {
border: none;
box-shadow: none; }
scrolledwindow overshoot.top:backdrop {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
background-image: radial-gradient(farthest-side at top, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center top;
@@ -1966,7 +1953,7 @@ scrolledwindow overshoot.top {
border: none;
box-shadow: none; }
scrolledwindow overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat;
background-position: center bottom;
@@ -1974,7 +1961,7 @@ scrolledwindow overshoot.bottom {
border: none;
box-shadow: none; }
scrolledwindow overshoot.bottom:backdrop {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
background-image: radial-gradient(farthest-side at bottom, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center bottom;
@@ -1982,7 +1969,7 @@ scrolledwindow overshoot.bottom {
border: none;
box-shadow: none; }
scrolledwindow overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat;
background-position: left center;
@@ -1990,7 +1977,7 @@ scrolledwindow overshoot.left {
border: none;
box-shadow: none; }
scrolledwindow overshoot.left:backdrop {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
background-image: radial-gradient(farthest-side at left, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: left center;
@@ -1998,7 +1985,7 @@ scrolledwindow overshoot.left {
border: none;
box-shadow: none; }
scrolledwindow overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat;
background-position: right center;
@@ -2006,7 +1993,7 @@ scrolledwindow overshoot.right {
border: none;
box-shadow: none; }
scrolledwindow overshoot.right:backdrop {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
background-image: radial-gradient(farthest-side at right, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: right center;
@@ -2071,11 +2058,6 @@ separator {
* Popovers *
************/
GraniteWidgetsPopOver {
-GraniteWidgetsPopOver-arrow-width: 21;
-GraniteWidgetsPopOver-arrow-height: 10;
-GraniteWidgetsPopOver-border-radius: 8px;
-GraniteWidgetsPopOver-border-width: 0;
-GraniteWidgetsPopOver-shadow-size: 12;
border: 1px solid #181b28;
background: #181b28;
color: #C3C7D1; }
@@ -2114,8 +2096,6 @@ GraniteWidgetsWelcome {
* Source List *
***************/
.source-list {
-GtkTreeView-horizontal-separator: 1px;
-GtkTreeView-vertical-separator: 6px;
background-color: #161925;
border: solid rgba(12, 14, 21, 0.8);
color: #C3C7D1;
@@ -2720,7 +2700,6 @@ menubar,
.menubar {
background-color: #0c0e14;
color: #C3C7D1;
-GtkWidget-window-dragging: true;
padding: 0px;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
menubar > item,
@@ -2825,7 +2804,7 @@ menuitem radio {
.content-view {
background-color: #090a0f; }
.content-view:hover {
-gtk-icon-effect: highlight; }
-gtk-icon-filter: brightness(1.2); }
.content-view:backdrop {
background-color: #090a0f; }
@@ -3238,11 +3217,9 @@ scale {
scale.fine-tune fill,
scale.fine-tune highlight,
scale.fine-tune trough {
border-radius: 5px;
-gtk-outline-radius: 7px; }
border-radius: 5px; }
scale trough {
outline-offset: 2px;
-gtk-outline-radius: 5px;
outline-color: transparent; }
scale fill:backdrop, scale fill {
background-color: rgba(12, 14, 21, 0.8); }
@@ -3666,9 +3643,6 @@ scale {
scrollbar {
background-color: #171a27;
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
* {
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; }
scrollbar.top {
border-bottom: 1px solid rgba(12, 14, 21, 0.8); }
scrollbar.bottom {
@@ -4177,7 +4151,6 @@ switch {
************/
toolbar, .inline-toolbar, searchbar,
.location-bar {
-GtkWidget-window-dragging: true;
padding: 4px;
background-color: #161925; }
@@ -4255,13 +4228,6 @@ tooltip {
treeview.view {
border-left-color: #6e717d;
border-top-color: #161925; }
* {
-GtkTreeView-horizontal-separator: 4;
-GtkTreeView-grid-line-width: 1;
-GtkTreeView-grid-line-pattern: '';
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16; }
treeview.view:selected:focus, treeview.view:selected {
border-radius: 0; }
treeview.view:selected:backdrop, treeview.view:selected {
@@ -4586,7 +4552,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
.budgie-menu .container {
padding: 0; }
.budgie-menu button:hover {
-gtk-icon-effect: none; }
-gtk-icon-filter: none; }
.budgie-menu entry.search {
border: none;
background: none;
@@ -4771,15 +4737,15 @@ button.raven-trigger {
.night-light-indicator .view-header {
font-size: 14px;
padding: 10px;
border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);;
box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04);; }
border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);
box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04); }
.night-light-indicator .display-settings-button {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border: none;
padding: 3px;
border-top: 1px solid mix(@theme_base_color, #000000, 0.35);;
box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; }
border-top: 1px solid mix(@theme_base_color, #000000, 0.35);
box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04); }
.budgie-panel {
color: white;
@@ -5445,8 +5411,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
border-color: rgba(197, 14, 210, 0.6); }
.nautilus-circular-button {
border-radius: 20px;
-gtk-outline-radius: 20px; }
border-radius: 20px; }
.disk-space-display {
border: 2px solid; }
@@ -5868,36 +5833,6 @@ radiobutton.color-button:active > radio {
/* Backdrop Unity window text color */
/* Unity panel color #454D50 */
UnityDecoration {
/* Border properties (top, right, bottom, left) */
-UnityDecoration-extents: 28px 1px 1px 1px;
/* the size of the decorations */
-UnityDecoration-input-extents: 10px;
/* the extra size of the input areas */
/* Shadows settings */
-UnityDecoration-shadow-offset-x: 1px;
/* Size property, the shadow x offset */
-UnityDecoration-shadow-offset-y: 1px;
/* Size property, the shadow y offset */
-UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647;
/* Color property, active window shadow color */
-UnityDecoration-active-shadow-radius: 8px;
/* Size property, active window shadow radius */
-UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647;
/* Color property, inactive windows shadow color */
-UnityDecoration-inactive-shadow-radius: 5px;
/* Size property, inactive windows shadow radius */
/* Glow applied to the selected scaled window */
-UnityDecoration-glow-size: 8px;
/* Size property, size of glow */
-UnityDecoration-glow-color: #c50ed2;
/* Color property of the glow */
/* Title settings */
-UnityDecoration-title-indent: 10px;
/* Size property, left indent of the title */
-UnityDecoration-title-fade: 35px;
/* Size property, space of the title that can be faded */
-UnityDecoration-title-alignment: 0.0;
/* Float from 0.0 to 1.0, to align the title */
background-color: #eeeeee;
color: #31363D; }
UnityDecoration .top {
@@ -6028,15 +5963,13 @@ MsdOsdWindow.background.osd {
.geary-titlebar-right .separator {
opacity: 0; }
ConversationListView {
-GtkTreeView-grid-line-width: 0; }
ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected {
ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected {
background-color: #c50ed2;
color: #fefefe; }
ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop {
background-color: rgba(197, 14, 210, 0.6);
color: rgba(254, 254, 254, 0.5); }
ConversationListView .view .cell, ConversationListView iconview .cell {
ConversationListView .view .cell, ConversationListView iconview .cell {
border: solid rgba(0, 0, 0, 0.2);
border-width: 0 0 1px 0; }
ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected {
@@ -6169,15 +6102,11 @@ ConversationListView {
border-bottom-width: 0;
font-weight: bold; }
.nemo-window .places-treeview {
-NemoPlacesTreeView-disk-full-bg-color: #333955;
-NemoPlacesTreeView-disk-full-fg-color: #00e8c6;
-GtkTreeView-vertical-separator: 7; }
.nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover,
.nemo-window .places-treeview iconview.cell:hover {
.nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover,
.nemo-window .places-treeview iconview.cell:hover {
background: rgba(16, 19, 27, 0.7); }
.nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected,
.nemo-window .places-treeview iconview.cell:selected {
.nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected,
.nemo-window .places-treeview iconview.cell:selected {
background: #c50ed2; }
.nemo-window .sidebar {
color: #98abb2;

1
gtk-4.0/widgets/_action-bars.scss
View File

@@ -12,7 +12,6 @@
&:backdrop {
background-color: darken($backdrop_bg_color, 10%);
box-shadow: none;
-gtk-icon-effect: dim;
}
&:first-child {

2
gtk-4.0/widgets/_base-states.scss
View File

@@ -20,8 +20,6 @@
Everytime a wildcard is used a kitten dies, painfully.
*/
*:disabled { -gtk-icon-effect: dim; }
.gtkstyle-fallback {
color: $fg_color;
background-color: $bg_color;

32
gtk-4.0/widgets/_buttons.scss
View File

@@ -5,21 +5,8 @@
$_dot_color: if($variant=='light', $selected_bg_color,
lighten($selected_bg_color,15%));
@keyframes needs_attention {
from {
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.01,
to($_dot_color),
to(transparent));
}
to {
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.5,
to($selected_bg_color),
to(transparent));
}
from { background-image: radial-gradient(farthest-side, $_dot_color 0%, transparentize($_dot_color, 1) 0%); }
to { background-image: radial-gradient(farthest-side, $_dot_color 95%, transparentize($_dot_color, 1)); }
}
%button,
@@ -53,7 +40,7 @@ button {
&:hover {
@include button(hover,$selected_bg_color,$selected_fg_color);
-gtk-icon-effect: highlight;
-gtk-icon-filter: brightness(1.2);
}
&:active,
@@ -68,7 +55,7 @@ button {
@include button(backdrop);
transition: $backdrop_transition;
-gtk-icon-effect: none;
-gtk-icon-filter: none;
&:active,
&:checked { @include button(backdrop-active); }
@@ -379,16 +366,7 @@ button {
animation: needs_attention 150ms ease-in;
$_dot_shadow: _text_shadow_color();
$_dot_shadow_r: if($variant=='light',0.5,0.45);
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.5,
to($_dot_color),
to(transparent)),
-gtk-gradient(radial,
center center, 0,
center center, $_dot_shadow_r,
to($_dot_shadow),
to(transparent));
background-image: radial-gradient(farthest-side, $_dot_color 96%, transparentize($_dot_color,1 ));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;

8
gtk-4.0/widgets/_granite.scss
View File

@@ -4,12 +4,6 @@
GraniteWidgetsPopOver {
-GraniteWidgetsPopOver-arrow-width: 21;
-GraniteWidgetsPopOver-arrow-height: 10;
-GraniteWidgetsPopOver-border-radius: 8px;
-GraniteWidgetsPopOver-border-width: 0;
-GraniteWidgetsPopOver-shadow-size: 12;
border: 1px solid $base_color;
background: $base_color;
color: $fg_color;
@@ -68,8 +62,6 @@ GraniteWidgetsWelcome {
***************/
.source-list {
-GtkTreeView-horizontal-separator: 1px;
-GtkTreeView-vertical-separator: 6px;
background-color: $bg_color;
border: solid $borders_color;

1
gtk-4.0/widgets/_menus.scss
View File

@@ -5,7 +5,6 @@ menubar,
.menubar {
background-color: $headerbar_color;
color: $headerbar_fg_color;
-GtkWidget-window-dragging: true;
padding: 0px;
box-shadow: inset 0 -1px transparentize(black, 0.9);

2
gtk-4.0/widgets/_misc.scss
View File

@@ -5,7 +5,7 @@
.content-view {
background-color: darken($bg_color,7%);
&:hover { -gtk-icon-effect: highlight; }
&:hover { -gtk-icon-filter: brightness(1.2); }
&:backdrop { background-color: darken($bg_color,7%); }

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

@@ -105,7 +105,6 @@ scale {
highlight,
trough {
border-radius: 5px;
-gtk-outline-radius: 7px;
}
}
@@ -114,7 +113,6 @@ scale {
@extend %scale_trough;
outline-offset: 2px;
-gtk-outline-radius: 5px;
outline-color: transparent;
}

6
gtk-4.0/widgets/_scrollbars.scss
View File

@@ -4,12 +4,6 @@
scrollbar {
$_slider_min_length: 40px;
// disable steppers
@at-root * {
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false;
}
background-color: $scrollbar_bg_color;
transition: 300ms $ease-out-quad;

1
gtk-4.0/widgets/_toolbars.scss
View File

@@ -2,7 +2,6 @@
* Toolbars *
************/
%toolbar {
-GtkWidget-window-dragging: true;
padding: 4px;
background-color: $bg_color;
}

8
gtk-4.0/widgets/_treeviews.scss
View File

@@ -2,14 +2,6 @@
* Tree Views *
**************/
treeview.view {
@at-root * {
-GtkTreeView-horizontal-separator: 4;
-GtkTreeView-grid-line-width: 1;
-GtkTreeView-grid-line-pattern: '';
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16;
}
border-left-color: mix($fg_color, $base_color, 50%); // this is actually the tree lines color,
border-top-color: $bg_color; // while this is the grid lines color, better then nothing