Use CSS filter for cut items

kra-mo · May 20, 2024 · d85d069 · d85d069
1 parent e95d121
commit d85d069
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 10 deletions.
diff --git a/hyperplane/gtk/style-dark.css b/hyperplane/gtk/style-dark.css
@@ -6,10 +6,6 @@ navigation-view > shadow {
 	background: radial-gradient(farthest-side at right, rgba(0,0,0,.15) 0%, rgba(0,0,0,0) 100%);
 }
 
-.cut-item {
-    filter: brightness(60%);
-}
-
 .blue-icon { color: @blue_1; }
 .blue-background { background: alpha(@blue_5, 0.5); }
 .blue-solid-background { background: shade(@blue_5, 0.9); }

diff --git a/hyperplane/gtk/style.css b/hyperplane/gtk/style.css
@@ -85,13 +85,8 @@ rubberband {
     font-size: small;
 }
 
-/*
-This makes it look like the opacity decreased
-The reason I cannot actually do that is that it reduces the opacity of widgets individually
-and that looks ugly.
-*/
 .cut-item {
-    filter: contrast(50%) brightness(130%);
+    filter: opacity(50%);
 }
 
 .sidebar-drop-target {