Window Buttons -- Remove the underline beneath icons? ' [SOLVED]

jakfish · 2023-03-14 18:19:52

Using xfce 4.18.2, it would appear that the latest iteration of Window Buttons has at last made the icons of normal size.

However, in a fresh Manjaro install, every icon for open programs has faint line under it.

In /home/jake/.config/gtk-3.0/gtk.css, is there any tweak to remove said underlines?

Many thanks.

Last edited by jakfish (2023-03-15 14:48:51)

ToZ · 2023-03-14 19:21:46

The theme probably has a bottom border set for the tasklist widget. What is the name of the default Manjaro Gtk (Appearance) theme?

jakfish · 2023-03-14 20:31:46

Hi, ToZ. Thanks for another quick response.

Re: themes. I'm actually using a simple theme I built that is pitch black almost everywhere, and I use the theme in MX Linux without the lines. The icons are Papirus-Maia. And when I switch themes, I stll get the lines. If if helps, here is my gtk.css:

/* Custom styles */

/* select-on */
@define-color selected_bg_color #92b372;
@define-color selected_fg_color #ffffff;
@define-color theme_selected_bg_color @selected_bg_color;
@define-color theme_selected_fg_color @selected_fg_color;
/* select-on */

/* panel-on */
@define-color panel_bg_color #cccccc;
@define-color panel_fg_color #333333;

PanelWidget,
PanelApplet,
PanelToplevel,
PanelSeparator,
PanelApplet > GtkMenuBar.menubar,
PanelApplet > GtkMenuBar.menubar.menuitem,
PanelMenuBar.menubar,
PanelMenuBar.menubar.menuitem,
PanelAppletFrame,
UnityPanelWidget,
.gnome-panel-menu-bar,
.unity-panel {
	background-image: -gtk-gradient(linear,left top,left bottom,from(shade(@panel_bg_color,1.2)),to(shade(@panel_bg_color,0.8)));
	color: @panel_fg_color;
}

.unity-panel.menuitem,
.unity-panel .menuitem {
	color: @panel_fg_color;
}

.unity-panel.menubar.menuitem:hover,
.unity-panel.menubar .menuitem *:hover {
	border-color: shade(@panel_bg_color, 0.7);
	border-image: none;
	background-image: -gtk-gradient(linear,left top,left bottom,from(shade(@panel_bg_color, 0.97)),to(shade(@panel_bg_color, 0.82)));
	color: @panel_fg_color;
}

PanelApplet .button {
	border-color: transparent;
	border-image: none;
	background-image: -gtk-gradient(linear,left top,left bottom,from(shade(@panel_bg_color,1.2)),to(shade(@panel_bg_color,0.8)));
	color: @panel_fg_color;
	box-shadow: none;
	text-shadow: none;
	-unico-inner-stroke-width: 0;
}

PanelApplet .button:active {
	border-color: shade(@panel_bg_color,0.8);
	border-image: none;
	background-image: -gtk-gradient(linear,left top,left bottom,from(shade(shade(@panel_bg_color,1.02),0.9)),to(shade(shade(@panel_bg_color,1.02),0.95)));
	color: @panel_fg_color;
	box-shadow: none;
	text-shadow: none;
	-unico-inner-stroke-width: 0;
}

PanelApplet .button:prelight {
	border-color: transparent;
	border-image: none;
	background-image: -gtk-gradient(linear,left top,left bottom,from(shade(@panel_bg_color,1.2)),to(shade(@panel_bg_color,1.0)));
	color: @panel_fg_color;
	box-shadow: none;
	text-shadow: none;
	-unico-inner-stroke-width: 0;
}

PanelApplet .button:active:prelight {
	border-color: shade(@panel_bg_color,0.8);
	border-image: none;
	background-image: -gtk-gradient(linear,left top,left bottom,from(shade(shade(@panel_bg_color,1.02),1.0)),to(shade(shade(@panel_bg_color,1.02),1.05)));
	color: @panel_fg_color;
	box-shadow: none;
	text-shadow: none;
	-unico-inner-stroke-width: 0;
}

WnckPager,
WnckTasklist {
	background-color: @panel_bg_color;
}

/* panel-on */

/* menu-on */
@define-color menu_bg_color #eeeeee;
@define-color menu_fg_color #ffffff;

GtkTreeMenu.menu,
GtkMenuToolButton.menu,
GtkComboBox .menu {
	background-color: @menu_bg_color;
}

.primary-toolbar .button .menu,
.toolbar .menu,
.toolbar .primary-toolbar .menu,
.menu {
	border-style: none;
	background-image: none;
	background-color: @menu_bg_color;
	color: @menu_fg_color;
	box-shadow: none;
	text-shadow: none;
	-unico-inner-stroke-width: 0;
}

.menu.button:hover,
.menu.button:active,
.menu.button:active:insensitive,
.menu.button:insensitive,
.menu.button {
	background-color: @menu_bg_color;
	background-image: none;
}

GtkTreeMenu .menuitem * {
	color: @menu_fg_color;
}

.menuitem,
.menu .menuitem {
	background-color: transparent;
}

.menu .menuitem:active,
.menu .menuitem:hover {
	background-color: @theme_selected_bg_color;
}

.menuitem.check,
.menuitem.radio,
.menuitem.check:hover,
.menuitem.radio:hover,
.menuitem.check:active,
.menuitem.radio:active {
	background-color: transparent;
}

.menu .menuitem:insensitive,
.menu .menuitem *:insensitive {
	color: mix(@menu_fg_color,@menu_bg_color,0.5);
}

.menuitem.arrow {
	color: alpha(@menu_fg_color, 0.6);
}

.menuitem .entry {
	border-color: shade(@menu_bg_color,0.7);
	border-image: none;
	background-color: @menu_bg_color;
	background-image: none;
	color: @menu_fg_color;
}

.menuitem .accelerator {
	color: alpha(@menu_fg_color,0.6);
}

.menuitem .accelerator:insensitive {
	color: alpha(mix(@menu_fg_color,@menu_bg_color,0.5),0.6);
	text-shadow: none;
}

.menuitem.separator {
	background-color: transparent;
	color: shade(@menu_bg_color, 0.9);
}

.menuitem GtkCalendar,
.menuitem GtkCalendar.button,
.menuitem GtkCalendar.header,
.menuitem GtkCalendar.view {
	border-color: shade(@menu_bg_color,0.8);
	border-image: none;
	background-color: @menu_bg_color;
	background-image: none;
	color: @menu_fg_color;
}

.menuitem GtkCalendar:inconsistent {
	color: mix(@menu_fg_color,@menu_bg_color,0.5);
}

* {
   -XfceTasklist-minimized-icon-lucency: 100;
}

 
decoration {
    border: 2px solid #BDBDBD;
    background: #0759EB;
}

decoration:backdrop {
    border: 2px solid #8A0829;
    background: #8A0829;
}

tooltip { opacity: 0 }

#whiskermenu-window.background {
  background-image: url("whiskermenutheme/background.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  #background-color: #2b2c2c;
  background-color: #000000;
  border-radius: 3px;
}
#whiskermenu-window entry {
  min-height: 40px;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-image: none;
  background-color: transparent;
  color: #F3F3F5;}

#whiskermenu-window entry:focus {
    border-image: none;
    background-color: transparent;
    background-image: url("whiskermenutheme/transparency.png")}

#whiskermenu-window entry:disabled {
    border-image: none;
    background-color: transparent;
    color: #949597;
    background-image: url("whiskermenutheme/transparency.png"); }

#whiskermenu-window button:active{
    transition: all 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-duration: 0ms;
    color: #ffffff;
    background-image: url("whiskermenutheme/button-pressed.png");
    background-repeat: no-repeat;
    background-size: 85% 100%; }

#whiskermenu-window button:hover{
    transition: all 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-duration: 0ms;
    color: #ffffff;
    background-image: url("whiskermenutheme/button-pressed.png");
    background-repeat: no-repeat;
    background-size: 85% 100%; }

#whiskermenu-window button:checked {
    transition: all 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-duration: 0ms;
    color: #ffffff;
    background-image: url("whiskermenutheme/button-pressed.png");
    background-repeat: no-repeat;
    background-size: 85% 100%; }

/*panel button*/
#whiskermenu-button{
	color: #bac3cf;
	font-weight: normal;
}
#whiskermenu-button:hover{
	color: #ffffff;
}

/*tree list*/
#whiskermenu-window treeview {
	background-color: transparent;
	color: #fff;
}
#whiskermenu-window treeview:hover {
	background-color: transparent;
	color: #f2f2f2;
}
#whiskermenu-window treeview:selected {
	background-color: transparent;
	color: #f2f2f2;
	outline-color: #3f4453;
}
/*panel button*/
#whiskermenu-button {
    background-color: transparent;
    background-image: url("whiskermenutheme/start-here.png");
    border-color: transparent;
    border-image: url("whiskermenutheme/transparency.png");
    padding: 1px 5px 1px 5px;
	color: #bac3cf;
	font-weight: normal;
}
#whiskermenu-button:hover{
    background-image: url("whiskermenutheme/start-here-hover.png");
    border-color: transparent;
    border-image: url("whiskermenutheme/transparency.png");
    padding: 1px 5px 1px 5px;
    background-color: transparent;
	color: #ffffff;
}
#whiskermenu-button:checked{
    background-image: url("whiskermenutheme/start-here-active.png");
    padding: 1px 5px 1px 5px;
    background-color: transparent;
    border-color: transparent;
    border-image: url("whiskermenutheme/transparency.png");
	color: #fff;
}

/*.xfce4-panel.panel.background {
    background-image: url("whiskermenutheme/azenis-black.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}*/


/*  #zorinmenulite-button {
  background-image: url(".whiskermenutheme/zorinmenu-button.png");
  background-repeat: no-repeat;
  margin: -6px 0px -6px 0px;
}*/

#whiskermenu-window scrollbar.vertical button.down {
  -gtk-icon-source: none;
  background-image: url("whiskermenutheme/stepper-down.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 53% 95%;
  border-image: none; }
#whiskermenu-window scrollbar.vertical button.down:hover {
  -gtk-icon-source: none;
  background-image: url("whiskermenutheme/stepper-down-prelight.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 53% 95%;
  border-image: none;  }
#whiskermenu-window scrollbar.vertical button.down:active {
  -gtk-icon-source: none;
  background-image: url("whiskermenutheme/stepper-down-prelight.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 53% 95%;
  border-image: none;  }
#whiskermenu-window scrollbar.vertical button.up {
  -gtk-icon-source: none;
  background-image: url("whiskermenutheme/stepper-up.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 53% 95%;
  border-image: none;  }
#whiskermenu-window scrollbar.vertical button.up:hover {
  -gtk-icon-source: none;
  background-image: url("whiskermenutheme/stepper-up-prelight.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 53% 95%;
  border-image: none;  }
#whiskermenu-window scrollbar.vertical button.up:active {
  -gtk-icon-source: none;
  background-image: url("whiskermenutheme/stepper-up-prelight.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 53% 95%;
  border-image: none;  }

/* menu-on */

Last edited by jakfish (2023-03-14 20:58:49)

ToZ · 2023-03-14 21:34:05

Using your gtk.css in a custom theme doesn't show the underlines for me.

Can you post back:

xfconf-query -c xsettings -lv

...as well as a screenshot of the issue?

Maybe try adding something like this to your css:

.xfce4-panel.background .tasklist button:checked {
      border-image: none;
}

Last edited by ToZ (2023-03-14 21:37:12)

jakfish · 2023-03-14 21:56:48

Thanks again for a fast response.

/[jake@manjaro ~]$ xfconf-query -c xsettings -lv
/Gdk/WindowScalingFactor        1
/Gtk/ButtonImages               true
/Gtk/CanChangeAccels            false
/Gtk/ColorPalette               black:white:gray50:red:purple:blue:light blue:green:yellow:orange:lavender:brown:goldenrod4:dodger blue:pink:light green:gray10:gray30:gray75:gray90
/Gtk/CursorThemeName            xcursor-breeze
/Gtk/CursorThemeSize            42
/Gtk/DecorationLayout           menu:minimize,maximize,close
/Gtk/DialogsUseHeader           false
/Gtk/FontName                   BoldSystem Bold 12
/Gtk/IconSizes                  
/Gtk/IMModule                   
/Gtk/IMPreeditStyle             
/Gtk/IMStatusStyle              
/Gtk/KeyThemeName               
/Gtk/MenuBarAccel               F10
/Gtk/MenuImages                 true
/Gtk/MonospaceFontName          Monospace Bold 12
/Gtk/TitlebarMiddleClick        lower
/Gtk/ToolbarIconSize            3
/Gtk/ToolbarStyle               icons
/Net/CursorBlink                true
/Net/CursorBlinkTime            1200
/Net/DndDragThreshold           8
/Net/DoubleClickDistance        8
/Net/DoubleClickTime            532
/Net/EnableEventSounds          false
/Net/EnableInputFeedbackSounds  false
/Net/IconThemeName              Papirus-Maia
/Net/SoundThemeName             default
/Net/ThemeName                  Windows-10-Dark-Modified
/Xfce/LastCustomDPI             140
/Xft/Antialias                  1
/Xft/DPI                        140
/Xft/Hinting                    -1
/Xft/HintStyle                  hintfull
/Xft/RGBA                       none

I did try:

.xfce4-panel.background .tasklist button:checked {
      border-image: none;
}

to no avail.

Here is the screenie:

https://imgur.com/a/vNRYl8x

ToZ · 2023-03-15 01:08:46

Am I correct to assume that you are using a "Windows-10-Dark-Modified" theme with the additional gtk.css tweaks from above?

Can you try this instead:

.tasklist button { box-shadow: none; }

jakfish · 2023-03-15 02:19:16

That did it. I can't thank you enough for sticking with this.

Xfce Forum

Sub domains

#1 2023-03-14 18:19:52

Window Buttons -- Remove the underline beneath icons? ' [SOLVED]

#2 2023-03-14 19:21:46

Re: Window Buttons -- Remove the underline beneath icons? ' [SOLVED]

#3 2023-03-14 20:31:46

Re: Window Buttons -- Remove the underline beneath icons? ' [SOLVED]

#4 2023-03-14 21:34:05

Re: Window Buttons -- Remove the underline beneath icons? ' [SOLVED]

#5 2023-03-14 21:56:48

Re: Window Buttons -- Remove the underline beneath icons? ' [SOLVED]

#6 2023-03-15 01:08:46

Re: Window Buttons -- Remove the underline beneath icons? ' [SOLVED]

#7 2023-03-15 02:19:16

Re: Window Buttons -- Remove the underline beneath icons? ' [SOLVED]

Board footer