Gtk-4: Fix theme parsing erros and warnings

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 {

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;

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;
 

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;

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);
 

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%); }
 

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;
   }
 

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;
 

gtk-4.0/widgets/_toolbars.scss

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

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