xed's tabs look strange when using the clearlooks-phoenix theme

[windy32]

OS: Linux Mint 18 MATE Edition (64 bit)
Hardware: Thinkpad X240 (1366x768)
GTK Theme: Clearlooks-Phoenix (installed from apt-get)
Application: xed, synaptic

I've always been using the clearlooks gtk theme since ubuntu 10.04. Now ubuntu 10.04 is not supported any more, so I have to switch to MATE.

The clearlooks-phoenix theme looks perfect in Linux Mint 17.2 MATE edition, but I find that something looks strange after I upgrade to Linux Mint 18.

I will list two details here:

• The xed's tab looks strange (compared with pluma in 17.2)
• Synaptic's download window looks strange (when I hover on one row, the progress bar on the left looks strange)

I'm not pretty sure whether the problem is with the gtk theme or related applications. Anyhow, hope these problems can be fixed.

B.T.W.

It would be great if a clearlooks-like theme is included and tested by default when Linux Mint 18 is installed.

[JosephMcc]

This isn't a problem with the applications but with your theme. These apps are now gtk3 and your theme needs to be updated to handle gtk3.18 properly.

[windy32]

I have installed mint-themes, and switched to traditionalOk. However, the tabs of xed still looks strange.

It seems that traditionalOk does not support gtk-3.18 well either. Then I get back pluma and it looks fine :)

[UriShap]

One way to fix "scrolling" problem in xed:

1. open gtk-widgets.css by command: sudo xed /usr/share/themes/Clearlooks-Phenix/gtk-3.0/gtk-widgets.css
2. copy-paste next strings at bottom of opened file:
   -------------------------- from bottom of this line (without this line) --------------------------------
   /*******************

• scrolled windows *
  ********************/

.overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(alpha(@theme_selected_bg_color, 0.2)), to(alpha(@theme_selected_bg_color, 0)));
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }

.overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(alpha(@theme_selected_bg_color, 0.2)), to(alpha(@theme_selected_bg_color, 0)));
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }

.overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(alpha(@theme_selected_bg_color, 0.2)), to(alpha(@theme_selected_bg_color, 0)));
background-size: 60% 100%;
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }

.overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(alpha(@theme_selected_bg_color, 0.2)), to(alpha(@theme_selected_bg_color, 0)));
background-size: 60% 100%;
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }

.undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-top: 1px;
background-size: 10px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: center top; }

.undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-bottom: 1px;
background-size: 10px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: center bottom; }

.undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: left center; }

.undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right center; }
--------------------------------------- to this line (without this line) ----------------------
3. save changes