gtk (both): three-dimensional buttons for xfce-panel

TerminalHash · TerminalHash · commit 111710e9e73b · 2023-04-09T17:06:56.000+03:00
diff --git a/Dark/gtk-3.0/gtk-dark.css b/Dark/gtk-3.0/gtk-dark.css
@@ -5060,29 +5060,30 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
 }
 
-.xfce4-panel widget.tasklist > button.toggle, .mate-panel-menu-bar #tasklist-button {
-  background-color: alpha(currentColor,0.1);
+.xfce4-panel widget.tasklist > button.toggle, #whiskermenu-button, .mate-panel-menu-bar #tasklist-button {
+  background: linear-gradient(to top, #353535 2px, #3f3f3f);
 }
 
 .xfce4-panel widget.tasklist > button.toggle:hover, .mate-panel-menu-bar #tasklist-button:hover, .xfce4-panel widget.tasklist > button.toggle:active, .mate-panel-menu-bar #tasklist-button:active, .xfce4-panel widget.tasklist > button.toggle:checked, .mate-panel-menu-bar #tasklist-button:checked {
   color: white;
 }
 
-.xfce4-panel widget.tasklist > button.toggle, .mate-panel-menu-bar #tasklist-button {
-  border-color: transparent;
+.xfce4-panel widget.tasklist > button.toggle, #whiskermenu-button, .mate-panel-menu-bar #tasklist-button {
+  border: 1px solid #1b1b1b;
   background-clip: padding-box;
+  margin-right: 1px;
 }
 
-.xfce4-panel widget.tasklist > button.toggle:hover, .mate-panel-menu-bar #tasklist-button:hover {
-  background-color: alpha(currentColor,0.15);
+.xfce4-panel widget.tasklist > button.toggle:hover, #whiskermenu-button:hover, .mate-panel-menu-bar #tasklist-button:hover {
+  background-image: linear-gradient(to top, #2b2b2b 2px, #353535);
 }
 
-.xfce4-panel widget.tasklist > button.toggle:active, .mate-panel-menu-bar #tasklist-button:active {
-  background-color: alpha(currentColor,0.25);
+.xfce4-panel widget.tasklist > button.toggle:active, #whiskermenu-button:active, .mate-panel-menu-bar #tasklist-button:active {
+  background-image: image(#202020);
 }
 
-.xfce4-panel widget.tasklist > button.toggle:checked, .mate-panel-menu-bar #tasklist-button:checked {
-  background-color: alpha(currentColor,0.2);
+.xfce4-panel widget.tasklist > button.toggle:checked, #whiskermenu-button:checked, .mate-panel-menu-bar #tasklist-button:checked {
+  background-image: image(#202020);
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
   font-weight: 700;
 }
diff --git a/Dark/gtk-3.0/gtk.css b/Dark/gtk-3.0/gtk.css
@@ -5060,29 +5060,30 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
 }
 
-.xfce4-panel widget.tasklist > button.toggle, .mate-panel-menu-bar #tasklist-button {
-  background-color: alpha(currentColor,0.1);
+.xfce4-panel widget.tasklist > button.toggle, #whiskermenu-button, .mate-panel-menu-bar #tasklist-button {
+  background: linear-gradient(to top, #353535 2px, #3f3f3f);
 }
 
 .xfce4-panel widget.tasklist > button.toggle:hover, .mate-panel-menu-bar #tasklist-button:hover, .xfce4-panel widget.tasklist > button.toggle:active, .mate-panel-menu-bar #tasklist-button:active, .xfce4-panel widget.tasklist > button.toggle:checked, .mate-panel-menu-bar #tasklist-button:checked {
   color: white;
 }
 
-.xfce4-panel widget.tasklist > button.toggle, .mate-panel-menu-bar #tasklist-button {
-  border-color: transparent;
+.xfce4-panel widget.tasklist > button.toggle, #whiskermenu-button, .mate-panel-menu-bar #tasklist-button {
+  border: 1px solid #1b1b1b;
   background-clip: padding-box;
+  margin-right: 1px;
 }
 
-.xfce4-panel widget.tasklist > button.toggle:hover, .mate-panel-menu-bar #tasklist-button:hover {
-  background-color: alpha(currentColor,0.15);
+.xfce4-panel widget.tasklist > button.toggle:hover, #whiskermenu-button:hover, .mate-panel-menu-bar #tasklist-button:hover {
+  background-image: linear-gradient(to top, #2b2b2b 2px, #353535);
 }
 
-.xfce4-panel widget.tasklist > button.toggle:active, .mate-panel-menu-bar #tasklist-button:active {
-  background-color: alpha(currentColor,0.25);
+.xfce4-panel widget.tasklist > button.toggle:active, #whiskermenu-button:active, .mate-panel-menu-bar #tasklist-button:active {
+  background-image: image(#202020);
 }
 
-.xfce4-panel widget.tasklist > button.toggle:checked, .mate-panel-menu-bar #tasklist-button:checked {
-  background-color: alpha(currentColor,0.2);
+.xfce4-panel widget.tasklist > button.toggle:checked, #whiskermenu-button:checked, .mate-panel-menu-bar #tasklist-button:checked {
+  background-image: image(#202020);
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
   font-weight: 700;
 }
diff --git a/White/gtk-3.0/gtk-dark.css b/White/gtk-3.0/gtk-dark.css
@@ -5060,29 +5060,30 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
 }
 
-.xfce4-panel widget.tasklist > button.toggle, .mate-panel-menu-bar #tasklist-button {
-  background-color: alpha(currentColor,0.1);
+.xfce4-panel widget.tasklist > button.toggle, #whiskermenu-button, .mate-panel-menu-bar #tasklist-button {
+  background: linear-gradient(to top, #353535 2px, #3f3f3f);
 }
 
 .xfce4-panel widget.tasklist > button.toggle:hover, .mate-panel-menu-bar #tasklist-button:hover, .xfce4-panel widget.tasklist > button.toggle:active, .mate-panel-menu-bar #tasklist-button:active, .xfce4-panel widget.tasklist > button.toggle:checked, .mate-panel-menu-bar #tasklist-button:checked {
   color: white;
 }
 
-.xfce4-panel widget.tasklist > button.toggle, .mate-panel-menu-bar #tasklist-button {
-  border-color: transparent;
+.xfce4-panel widget.tasklist > button.toggle, #whiskermenu-button, .mate-panel-menu-bar #tasklist-button {
+  border: 1px solid #1b1b1b;
   background-clip: padding-box;
+  margin-right: 1px;
 }
 
-.xfce4-panel widget.tasklist > button.toggle:hover, .mate-panel-menu-bar #tasklist-button:hover {
-  background-color: alpha(currentColor,0.15);
+.xfce4-panel widget.tasklist > button.toggle:hover, #whiskermenu-button:hover, .mate-panel-menu-bar #tasklist-button:hover {
+  background-image: linear-gradient(to top, #2b2b2b 2px, #353535);
 }
 
-.xfce4-panel widget.tasklist > button.toggle:active, .mate-panel-menu-bar #tasklist-button:active {
-  background-color: alpha(currentColor,0.25);
+.xfce4-panel widget.tasklist > button.toggle:active, #whiskermenu-button:active, .mate-panel-menu-bar #tasklist-button:active {
+  background-image: image(#202020);
 }
 
-.xfce4-panel widget.tasklist > button.toggle:checked, .mate-panel-menu-bar #tasklist-button:checked {
-  background-color: alpha(currentColor,0.2);
+.xfce4-panel widget.tasklist > button.toggle:checked, #whiskermenu-button:checked, .mate-panel-menu-bar #tasklist-button:checked {
+  background-image: image(#202020);
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
   font-weight: 700;
 }
diff --git a/White/gtk-3.0/gtk.css b/White/gtk-3.0/gtk.css
@@ -5068,29 +5068,30 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
   border-radius: 8px;
 }
 
-.xfce4-panel widget.tasklist > button.toggle, .mate-panel-menu-bar #tasklist-button {
-  background-color: alpha(currentColor,0.1);
+.xfce4-panel widget.tasklist > button.toggle, #whiskermenu-button, .mate-panel-menu-bar #tasklist-button {
+  background: linear-gradient(to top, #353535 2px, #3f3f3f);
 }
 
 .xfce4-panel widget.tasklist > button.toggle:hover, .mate-panel-menu-bar #tasklist-button:hover, .xfce4-panel widget.tasklist > button.toggle:active, .mate-panel-menu-bar #tasklist-button:active, .xfce4-panel widget.tasklist > button.toggle:checked, .mate-panel-menu-bar #tasklist-button:checked {
   color: white;
 }
 
-.xfce4-panel widget.tasklist > button.toggle, .mate-panel-menu-bar #tasklist-button {
-  border-color: transparent;
+.xfce4-panel widget.tasklist > button.toggle, #whiskermenu-button, .mate-panel-menu-bar #tasklist-button {
+  border: 1px solid #1b1b1b;
   background-clip: padding-box;
+  margin-right: 1px;
 }
 
-.xfce4-panel widget.tasklist > button.toggle:hover, .mate-panel-menu-bar #tasklist-button:hover {
-  background-color: alpha(currentColor,0.15);
+.xfce4-panel widget.tasklist > button.toggle:hover, #whiskermenu-button:hover, .mate-panel-menu-bar #tasklist-button:hover {
+  background-image: linear-gradient(to top, #2b2b2b 2px, #353535);
 }
 
-.xfce4-panel widget.tasklist > button.toggle:active, .mate-panel-menu-bar #tasklist-button:active {
-  background-color: alpha(currentColor,0.25);
+.xfce4-panel widget.tasklist > button.toggle:active, #whiskermenu-button:active, .mate-panel-menu-bar #tasklist-button:active {
+  background-image: image(#202020);
 }
 
-.xfce4-panel widget.tasklist > button.toggle:checked, .mate-panel-menu-bar #tasklist-button:checked {
-  background-color: alpha(currentColor,0.2);
+.xfce4-panel widget.tasklist > button.toggle:checked, #whiskermenu-button:checked, .mate-panel-menu-bar #tasklist-button:checked {
+  background-image: image(#202020);
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
   font-weight: 700;
 }

Original file line number	Diff line number	Diff line change
`@@ -5060,29 +5060,30 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):`
`5060`	`5060`	`box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);`
`5061`	`5061`	`}`
`5062`	`5062`
`5063`		`-.xfce4-panel widget.tasklist > button.toggle, .mate-panel-menu-bar #tasklist-button {`
`5064`		`- background-color: alpha(currentColor,0.1);`
	`5063`	`+.xfce4-panel widget.tasklist > button.toggle, #whiskermenu-button, .mate-panel-menu-bar #tasklist-button {`
	`5064`	`+ background: linear-gradient(to top, #353535 2px, #3f3f3f);`
`5065`	`5065`	`}`
`5066`	`5066`
`5067`	`5067`	`.xfce4-panel widget.tasklist > button.toggle:hover, .mate-panel-menu-bar #tasklist-button:hover, .xfce4-panel widget.tasklist > button.toggle:active, .mate-panel-menu-bar #tasklist-button:active, .xfce4-panel widget.tasklist > button.toggle:checked, .mate-panel-menu-bar #tasklist-button:checked {`
`5068`	`5068`	`color: white;`
`5069`	`5069`	`}`
`5070`	`5070`
`5071`		`-.xfce4-panel widget.tasklist > button.toggle, .mate-panel-menu-bar #tasklist-button {`
`5072`		`- border-color: transparent;`
	`5071`	`+.xfce4-panel widget.tasklist > button.toggle, #whiskermenu-button, .mate-panel-menu-bar #tasklist-button {`
	`5072`	`+ border: 1px solid #1b1b1b;`
`5073`	`5073`	`background-clip: padding-box;`
	`5074`	`+ margin-right: 1px;`
`5074`	`5075`	`}`
`5075`	`5076`
`5076`		`-.xfce4-panel widget.tasklist > button.toggle:hover, .mate-panel-menu-bar #tasklist-button:hover {`
`5077`		`- background-color: alpha(currentColor,0.15);`
	`5077`	`+.xfce4-panel widget.tasklist > button.toggle:hover, #whiskermenu-button:hover, .mate-panel-menu-bar #tasklist-button:hover {`
	`5078`	`+ background-image: linear-gradient(to top, #2b2b2b 2px, #353535);`
`5078`	`5079`	`}`
`5079`	`5080`
`5080`		`-.xfce4-panel widget.tasklist > button.toggle:active, .mate-panel-menu-bar #tasklist-button:active {`
`5081`		`- background-color: alpha(currentColor,0.25);`
	`5081`	`+.xfce4-panel widget.tasklist > button.toggle:active, #whiskermenu-button:active, .mate-panel-menu-bar #tasklist-button:active {`
	`5082`	`+ background-image: image(#202020);`
`5082`	`5083`	`}`
`5083`	`5084`
`5084`		`-.xfce4-panel widget.tasklist > button.toggle:checked, .mate-panel-menu-bar #tasklist-button:checked {`
`5085`		`- background-color: alpha(currentColor,0.2);`
	`5085`	`+.xfce4-panel widget.tasklist > button.toggle:checked, #whiskermenu-button:checked, .mate-panel-menu-bar #tasklist-button:checked {`
	`5086`	`+ background-image: image(#202020);`
`5086`	`5087`	`box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);`
`5087`	`5088`	`font-weight: 700;`
`5088`	`5089`	`}`
Original file line number	Diff line number	Diff line change
`@@ -5068,29 +5068,30 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):`
`5068`	`5068`	`border-radius: 8px;`
`5069`	`5069`	`}`
`5070`	`5070`
`5071`		`-.xfce4-panel widget.tasklist > button.toggle, .mate-panel-menu-bar #tasklist-button {`
`5072`		`- background-color: alpha(currentColor,0.1);`
	`5071`	`+.xfce4-panel widget.tasklist > button.toggle, #whiskermenu-button, .mate-panel-menu-bar #tasklist-button {`
	`5072`	`+ background: linear-gradient(to top, #353535 2px, #3f3f3f);`
`5073`	`5073`	`}`
`5074`	`5074`
`5075`	`5075`	`.xfce4-panel widget.tasklist > button.toggle:hover, .mate-panel-menu-bar #tasklist-button:hover, .xfce4-panel widget.tasklist > button.toggle:active, .mate-panel-menu-bar #tasklist-button:active, .xfce4-panel widget.tasklist > button.toggle:checked, .mate-panel-menu-bar #tasklist-button:checked {`
`5076`	`5076`	`color: white;`
`5077`	`5077`	`}`
`5078`	`5078`
`5079`		`-.xfce4-panel widget.tasklist > button.toggle, .mate-panel-menu-bar #tasklist-button {`
`5080`		`- border-color: transparent;`
	`5079`	`+.xfce4-panel widget.tasklist > button.toggle, #whiskermenu-button, .mate-panel-menu-bar #tasklist-button {`
	`5080`	`+ border: 1px solid #1b1b1b;`
`5081`	`5081`	`background-clip: padding-box;`
	`5082`	`+ margin-right: 1px;`
`5082`	`5083`	`}`
`5083`	`5084`
`5084`		`-.xfce4-panel widget.tasklist > button.toggle:hover, .mate-panel-menu-bar #tasklist-button:hover {`
`5085`		`- background-color: alpha(currentColor,0.15);`
	`5085`	`+.xfce4-panel widget.tasklist > button.toggle:hover, #whiskermenu-button:hover, .mate-panel-menu-bar #tasklist-button:hover {`
	`5086`	`+ background-image: linear-gradient(to top, #2b2b2b 2px, #353535);`
`5086`	`5087`	`}`
`5087`	`5088`
`5088`		`-.xfce4-panel widget.tasklist > button.toggle:active, .mate-panel-menu-bar #tasklist-button:active {`
`5089`		`- background-color: alpha(currentColor,0.25);`
	`5089`	`+.xfce4-panel widget.tasklist > button.toggle:active, #whiskermenu-button:active, .mate-panel-menu-bar #tasklist-button:active {`
	`5090`	`+ background-image: image(#202020);`
`5090`	`5091`	`}`
`5091`	`5092`
`5092`		`-.xfce4-panel widget.tasklist > button.toggle:checked, .mate-panel-menu-bar #tasklist-button:checked {`
`5093`		`- background-color: alpha(currentColor,0.2);`
	`5093`	`+.xfce4-panel widget.tasklist > button.toggle:checked, #whiskermenu-button:checked, .mate-panel-menu-bar #tasklist-button:checked {`
	`5094`	`+ background-image: image(#202020);`
`5094`	`5095`	`box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);`
`5095`	`5096`	`font-weight: 700;`
`5096`	`5097`	`}`