jpfleury / clearlooks-phenix

GTK3 port of the Clearlooks theme
GNU General Public License v3.0
96 stars 42 forks source link

2 synaptic issues #45

Open nauved opened 6 years ago

nauved commented 6 years ago

Thank you for maintaining this wonderful theme. I have re-themed it for both Devuan Jessie and Ascii. Jessie was fine but I'm having two issues with the one for Ascii.

  1. The icons on the synaptic toolbar 'jiggle' on hover and 'vibrate' when the cursor is placed between "Mark All Upgrades" and "Apply" AND between "Properties" and "Search". That can't be good if a user has epilepsy and if not, quite annoying.

  2. The Ascii theme is darkish and in GTK3 apps like synaptic when hovering on a selection the font remains dark on hover against a darkish background but changes to white when selected/pressed. I'm missing where to make the font white on hover so would appreciate a nudge in the right direction.

If you're interested you can find the theme here: https://git.devuan.org/fsmithred/clearlooks-phenix-darkpurpy-theme/tree/suites/ascii That's not me but the person who is packaging it. I play with the crayons. :)

Thanks for your time. nauved

nauved commented 6 years ago

Both these issues have been solved.

The first issue requires correcting an error the the Clearlooks Phenix gtk-widgets.css code. The 'vibration' is caused by these two lines being out of sync. They need to be identical:


Starting line #523 - the main button definition and on line #532, the following padding definition:

` padding: 5px, 8px, 6px;

Starting line #542 - the button hover definition and on line #547, the following padding definition:

` padding: 4px, 6px;

nauved commented 6 years ago

There was another issue with the synaptic buttons in the lower left - Sections, Status, Origin etc. - vibrating violently when the left mouse was positioned near a border and held down to select. That was fixed by adding this to gtk-widgets-img.css:

button.radio.text-button,
button.radio.text-button:active,
button.radio.text-button:checked,
button.radio.text-button:hover,
button.radio.text-button:focus,
button.radio.text-button:backdrop,
button.radio.text-button:disabled{
border:none;
}