I’m using the ‘Arc-Dark‘ theme on all GTK2, GTK3, GTK4, Qt5 and Qt6 applications on Arch Linux. It is a very good-looking, dark(ish) low-contrast theme, saving my poor eyes from the glaring white default themes of the mentioned toolkits. The theme has just one little detail I wanted to change: the tooltips are a bit dull looking, and occasionally difficult to discern from the background.
I ended up doing the following modifications:
- Fixing GTK3 and GTK4 is easy:
Just copy the following to.config/gtk-3.0/gtk.css
and.config/gtk-4.0/gtk.css
/* Disable ALL the stupid dropshadows */
* {
border-radius: 0px;
box-shadow: none;
}
/* Tooltips modification */
tooltip {
border-radius: 0px;
box-shadow: none;
}
tooltip.background {
background-color: rgba(64, 69, 82, 1.0);
background-clip: padding-box;
border: 2px solid rgba(82, 148, 226, 1.0);
}
tooltip.background label {
padding: 0px;
}
tooltip decoration {
background-color: transparent;
}
tooltip * {
background-color: transparent;
color: #404552;
}
Unfortunately, it seems that the good old GTK2 does not support setting the color of the tooltip border separately, so GTK2 tooltips are left as they are.
- Fixing Qt5 and Qt6 tooltips is a bit more complicated. First, you need to have
qt5ct
and/orqt6ct
installed.
Copy this to/usr/share/qt5ct/qss/tooltip-awesome.qss
and/usr/share/qt6ct/qss/tooltip-awesome.qss
QToolTip{
background-color: palette(base);
border-radius: 0px;
border: 2px solid palette(highlight);
padding: 0px;
color: palette(text);
}
Then, copy the next to
/usr/share/qt5ct/qss/traynotification-awesome.qss
and/usr/share/qt6ct/qss/traynotification-awesome.qss
. This fixes the balloon notification used by some Qt apps.QBalloonTip{
background-color: palette(highlight);
border-radius: 0px;
border: 2px solid;
padding: 0px;
color: palette(text);
}
After that, start
qt5ct
and/orqt6ct
, go to ‘Style sheets’, choose the abovementioned qss files, and click ‘OK’.
Here’s a partial screenshot of the Dolphin file manager using the modified tooltip: