From e44bc5d0104541f6479c48ea679ea01a91c0e98f Mon Sep 17 00:00:00 2001
From: EliverLara <eliverlara@gmail.com>
Date: Sun, 5 Dec 2021 14:25:05 -0600
Subject: [PATCH] Gtk-4: Fix theme parsing erros and warnings

---
 gtk-4.0/_common.scss              |  19 ----
 gtk-4.0/_drawing.scss             |  16 ++--
 gtk-4.0/apps/_budgie.scss         |  10 +-
 gtk-4.0/apps/_geary.scss          |   1 -
 gtk-4.0/apps/_gnome.scss          |   1 -
 gtk-4.0/apps/_nemo.scss           |   3 -
 gtk-4.0/apps/_unity.scss          |  20 ----
 gtk-4.0/gtk-dark.css              | 151 ++++++++----------------------
 gtk-4.0/gtk.css                   | 151 ++++++++----------------------
 gtk-4.0/widgets/_action-bars.scss |   1 -
 gtk-4.0/widgets/_base-states.scss |   2 -
 gtk-4.0/widgets/_buttons.scss     |  32 +------
 gtk-4.0/widgets/_granite.scss     |   8 --
 gtk-4.0/widgets/_menus.scss       |   1 -
 gtk-4.0/widgets/_misc.scss        |   2 +-
 gtk-4.0/widgets/_scales.scss      |   2 -
 gtk-4.0/widgets/_scrollbars.scss  |   6 --
 gtk-4.0/widgets/_toolbars.scss    |   1 -
 gtk-4.0/widgets/_treeviews.scss   |   8 --
 19 files changed, 97 insertions(+), 338 deletions(-)

diff --git a/gtk-4.0/_common.scss b/gtk-4.0/_common.scss
index f92a091..8184df5 100755
--- a/gtk-4.0/_common.scss
+++ b/gtk-4.0/_common.scss
@@ -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;
 }
diff --git a/gtk-4.0/_drawing.scss b/gtk-4.0/_drawing.scss
index 280380f..81a6a74 100755
--- a/gtk-4.0/_drawing.scss
+++ b/gtk-4.0/_drawing.scss
@@ -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;
diff --git a/gtk-4.0/apps/_budgie.scss b/gtk-4.0/apps/_budgie.scss
index 86ef974..6fe7a6b 100755
--- a/gtk-4.0/apps/_budgie.scss
+++ b/gtk-4.0/apps/_budgie.scss
@@ -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)"};
     }
 }
 
diff --git a/gtk-4.0/apps/_geary.scss b/gtk-4.0/apps/_geary.scss
index 2bae579..b4708bb 100755
--- a/gtk-4.0/apps/_geary.scss
+++ b/gtk-4.0/apps/_geary.scss
@@ -11,7 +11,6 @@
 }
 
 ConversationListView {
-  -GtkTreeView-grid-line-width: 0;
 
   .view {
     &:active,
diff --git a/gtk-4.0/apps/_gnome.scss b/gtk-4.0/apps/_gnome.scss
index 244a442..b33abb1 100755
--- a/gtk-4.0/apps/_gnome.scss
+++ b/gtk-4.0/apps/_gnome.scss
@@ -115,7 +115,6 @@
 
 .nautilus-circular-button {
   border-radius: 20px;
-  -gtk-outline-radius: 20px;
 }
 
 .disk-space-display {
diff --git a/gtk-4.0/apps/_nemo.scss b/gtk-4.0/apps/_nemo.scss
index 72cb1b7..a6ff6f6 100644
--- a/gtk-4.0/apps/_nemo.scss
+++ b/gtk-4.0/apps/_nemo.scss
@@ -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 {
diff --git a/gtk-4.0/apps/_unity.scss b/gtk-4.0/apps/_unity.scss
index b21e7c8..ab5ec5f 100755
--- a/gtk-4.0/apps/_unity.scss
+++ b/gtk-4.0/apps/_unity.scss
@@ -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;
 
diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css
index 71258c9..c1ddeaa 100755
--- a/gtk-4.0/gtk-dark.css
+++ b/gtk-4.0/gtk-dark.css
@@ -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,20 +5963,18 @@ 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 {
-    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 {
-    border: solid rgba(0, 0, 0, 0.2);
-    border-width: 0 0 1px 0; }
-    ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected {
-      color: #fefefe;
-      border: 0px solid #980ba2; }
+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 {
+  border: solid rgba(0, 0, 0, 0.2);
+  border-width: 0 0 1px 0; }
+  ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected {
+    color: #fefefe;
+    border: 0px solid #980ba2; }
 
 /***********
  * LightDm *
@@ -6169,16 +6102,12 @@ 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 {
-    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 {
-    background: #c50ed2; }
+.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 {
+  background: #c50ed2; }
 .nemo-window .sidebar {
   color: #98abb2;
   background-color: #161925; }
diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css
index d2fc81a..8c3e168 100755
--- a/gtk-4.0/gtk.css
+++ b/gtk-4.0/gtk.css
@@ -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,20 +5963,18 @@ 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 {
-    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 {
-    border: solid rgba(0, 0, 0, 0.2);
-    border-width: 0 0 1px 0; }
-    ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected {
-      color: #fefefe;
-      border: 0px solid #980ba2; }
+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 {
+  border: solid rgba(0, 0, 0, 0.2);
+  border-width: 0 0 1px 0; }
+  ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected {
+    color: #fefefe;
+    border: 0px solid #980ba2; }
 
 /***********
  * LightDm *
@@ -6169,16 +6102,12 @@ 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 {
-    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 {
-    background: #c50ed2; }
+.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 {
+  background: #c50ed2; }
 .nemo-window .sidebar {
   color: #98abb2;
   background-color: #161925; }
diff --git a/gtk-4.0/widgets/_action-bars.scss b/gtk-4.0/widgets/_action-bars.scss
index c610c3d..ff7b367 100644
--- a/gtk-4.0/widgets/_action-bars.scss
+++ b/gtk-4.0/widgets/_action-bars.scss
@@ -12,7 +12,6 @@
   &:backdrop {
     background-color: darken($backdrop_bg_color, 10%);
     box-shadow: none;
-    -gtk-icon-effect: dim;
   }
 
   &:first-child {
diff --git a/gtk-4.0/widgets/_base-states.scss b/gtk-4.0/widgets/_base-states.scss
index d02076d..ba2f275 100644
--- a/gtk-4.0/widgets/_base-states.scss
+++ b/gtk-4.0/widgets/_base-states.scss
@@ -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;
diff --git a/gtk-4.0/widgets/_buttons.scss b/gtk-4.0/widgets/_buttons.scss
index fc1a427..ff67222 100644
--- a/gtk-4.0/widgets/_buttons.scss
+++ b/gtk-4.0/widgets/_buttons.scss
@@ -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;
 
diff --git a/gtk-4.0/widgets/_granite.scss b/gtk-4.0/widgets/_granite.scss
index 3e49050..645f204 100644
--- a/gtk-4.0/widgets/_granite.scss
+++ b/gtk-4.0/widgets/_granite.scss
@@ -3,12 +3,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;
@@ -68,8 +62,6 @@ GraniteWidgetsWelcome {
 ***************/
 
 .source-list {
-  -GtkTreeView-horizontal-separator: 1px;
-  -GtkTreeView-vertical-separator: 6px;
 
   background-color: $bg_color;
   border: solid $borders_color;
diff --git a/gtk-4.0/widgets/_menus.scss b/gtk-4.0/widgets/_menus.scss
index cce8208..f946b93 100644
--- a/gtk-4.0/widgets/_menus.scss
+++ b/gtk-4.0/widgets/_menus.scss
@@ -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);
 
diff --git a/gtk-4.0/widgets/_misc.scss b/gtk-4.0/widgets/_misc.scss
index 390f1a5..e028538 100644
--- a/gtk-4.0/widgets/_misc.scss
+++ b/gtk-4.0/widgets/_misc.scss
@@ -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%); }
 
diff --git a/gtk-4.0/widgets/_scales.scss b/gtk-4.0/widgets/_scales.scss
index 694c661..7cf1b24 100644
--- a/gtk-4.0/widgets/_scales.scss
+++ b/gtk-4.0/widgets/_scales.scss
@@ -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;
   }
 
diff --git a/gtk-4.0/widgets/_scrollbars.scss b/gtk-4.0/widgets/_scrollbars.scss
index eff1e0d..dc0529b 100644
--- a/gtk-4.0/widgets/_scrollbars.scss
+++ b/gtk-4.0/widgets/_scrollbars.scss
@@ -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;
 
diff --git a/gtk-4.0/widgets/_toolbars.scss b/gtk-4.0/widgets/_toolbars.scss
index c7d5b90..8638c61 100644
--- a/gtk-4.0/widgets/_toolbars.scss
+++ b/gtk-4.0/widgets/_toolbars.scss
@@ -2,7 +2,6 @@
  * Toolbars *
  ************/
 %toolbar {
-  -GtkWidget-window-dragging: true;
   padding: 4px;
   background-color: $bg_color;
 }
diff --git a/gtk-4.0/widgets/_treeviews.scss b/gtk-4.0/widgets/_treeviews.scss
index 478f148..ed9a054 100644
--- a/gtk-4.0/widgets/_treeviews.scss
+++ b/gtk-4.0/widgets/_treeviews.scss
@@ -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