vinceliuice / stylish-gtk-theme

Stylish is a stylish Material Design theme for GTK 3, GTK 2 and Gnome-Shell etc.

Stylish-Gtk-Theme

Stylish is a flat Material Design theme for GTK 3, GTK 2 and Gnome-Shell which supports GTK 3 and GTK 2 based desktop environments like Gnome, Unity, Budgie, Pantheon, XFCE, Mate, etc.

This theme is based on materia-theme of nana-4. Thanks nana-4 sincerely for his great job! materia-theme: https://github.com/nana-4/materia-theme

Info

GTK+ 3.20 or later

GTK2 engines requirment

• GTK2 engine Murrine 0.98.1.1 or later.
• GTK2 pixbuf engine or the gtk(2)-engines package.

Fedora/RedHat distros:

yum install gtk-murrine-engine gtk2-engines

Ubuntu/Mint/Debian distros:

sudo apt-get install gtk2-engines-murrine gtk2-engines-pixbuf

ArchLinux:

pacman -S gtk-engine-murrine gtk-engines

Other: Search for the engines in your distributions repository or install the engines from source.

Install Or Uninstall

Open the terminal at current directory.

Run

./Install

Usage: ./Install [OPTIONS...]

OPTIONS:
-d, --dest	Specify theme destination directory (Default: $HOME/.themes)
-n, --name	Specify theme name (Default: stylish)
-v, --variant	Specify theme light variant(s) [standard/light/dark] (Default: All variants)
-t, --color	Specify hue theme variant(s) [standard/tang/azul/jade] (Default: All variants)
-s, --size	Specify theme size variant(s) [standard/laptop] (Default: All variants)
-h, --help	Show this help

if you want to get the last stylish theme version online, you can

Run

./update-stylish-online

Screenshots

GNOME Shell

       

stylish-gtk-theme's Issues

Any plans on support for panel-embedded window controls?

I'm using "No title bar" extenstion.
Any tips on how to make panel controls the same style as in title bar?

GTK2 - menu null separator

Please change menu separator to line like in Vimix theme.

Null separator

Line separator

Gnome shell 3.24 hard to read menus

Hi there,

First of all, many thanks for your superb set of themes: beautiful and with several variants. I like them very much and Stylish-Light-Laptop has become my favorite :)

There is a small glitch in the latest Gnome (3.34 on Fedora 31 if that matters) where inactive Gnome shell menus are almost unreadable. I hope the attached screnshot shows the problem (Materia vs Stylish)

Let me know if I can be of further help and thanks again!

Window corners not being rendered properly in some applications

Hi there,

Firstly, thank you for creating such a clean and beautiful theme! Recently, I have noticed that some applications have sharp corners or corners with grey pixels in the corner. Do you know what the cause is?

Firefox, VirtualBox and programs that use similar GUI toolkits
Here is what Firefox and some other programs look like. Although it isn't a big issue, it is a little annoying. Themes like Vertex, Arc and Adwaita don't have these issues.

GNOME Settings: Sharp Corners
This one is annoying as it breaks the consistency with all the other applications but it isn't a deal-breaker. I've tested this theme and Vimix - both have sharp corners in gnome-settings.

Other GNOME applications seem to be fine
GNOME Terminal and other applications seem to be fine and not affected by sharp/dark-pixel corners.

I'm running Fedora 28 with GNOME 3.28. Do you have a solution for this minor issue?

Kvantum version

I loved this theme so much when I was using GNOME! I would love to have a Kvantum version for my Qt desktop! Are you willing to do that? 🙂

underline menu

How can I put a underline in close,maximize,minimize icons like in the older version?

thanks

Key repeat not working

The keyboard does not seem to support key repeating when I am using this theme -- i.e. hold down a key and it only logs a single keypress, whereas I'd expect that after a short timeout, the key would repeat. Works fine with your other themes (matcha and abrus).

uunreadable text

In cinnamon in nemo while using two panels the selected item text on inactive panel is white on light grey background -> not readable.

GTK3 - Edit Text field issue

Cannot enter any value in Edit Text field on Top Bar (e.g. gedit print preview).

In Azure theme is OK.

The same issue is in Vimix theme.

Cinnamon support

Hello!

Amazing theme here, was wondering if there is a cinnamon version?

I'm on Linux Mint 21.1 and have everything installed correctly, and the gtk options are showing, but the theme won't show up in the desktop options

Any help would be appreciated! Would love to use this theme

Add your themes to Flathub

It would be nice if You pack and add your themes to Flathub,
Than we can properly theming Flatpak apps.
More:
https://tingping.github.io/2017/05/11/flatpak-theming.html

Severe slowdown on heavily populated iconview

Issue Description

This GTK3 theme shows severe performance issues on heavily populated iconview views. Affected applications are for instance file managers like Nautilus or Nemo. They show heavy lags and delays in folders containing many (thousands) of thumbnail elements.

The issue is not happening with other popular GTK3 themes that aren't based on Materia, such as Adwaita or Arc for instance.

Steps to Reproduce

1. You need to have a folder containing a huge amount of picture files
   • in my case it was a folder with around 2600 wallpapers*
2. Open up the folder in Nautilus in icon view, have thumbnails enabled
3. Open up another Nautilus window on any other folder
4. Switch focus between the windows

*note: reproducing this with simple mechanics seems to be tricky. I tried using a JPG with small file size and copying it 4000 times into the same folder. That did not trigger the issue. Seems like you need actually varying images.

Expected Outcome

• The window with the picture files should react normally

Actual Outcome

• The window with the picture files shows heavy delay (1 - 2 seconds) after being selected
  • a CPU usage spike can be observed after selecting (focusing) the window
  • clicks don't register correctly during the delay, scrolling does not react
  • animations (ripple effects etc.) in the file manager are very laggy during the delay
• Always happens after the window is focused again after being unfocused

Root Cause

After some digging in the CSS code I seem to have identified the root cause of this.

It seems to be the background-image property in the following lines:

row.activatable, .view, iconview, treeview.view header button, .budgie-menu button {
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0;
  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0);
  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0));
}

row.activatable:hover, .view:hover, iconview:hover, treeview.view header button:hover, .budgie-menu button:hover {
  transition: none;
  box-shadow: inset 0 0 0 9999px transparent;
  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0));
  background-color: alpha(currentColor, 0.05);
}

When I remove the background-image lines, everything behaves correctly.

System Information

• Theme version: current master (760e329)
• GTK+ 3 version: 3.22.11
• Distribution: Debian stretch 9.4
• Desktop: awesome v4.2 standalone + xsettingsd (no DE)
• GPU: Intel Haswell Integrated Graphics

Addendum

• what is the background-image property actually used for anyway - from my interpretation it seems to draw a completely invisible (alpha = 0) area?
• this also affects your other Materia-derivative themes like Vimix
  • should I open an Issue there as well?
• oddly enough, the upstream theme (Materia) seems to have changed the code - the issue also applies to Materia but the fix shown above does not seem to apply anymore

Shell Theme shows red background on top bar

Hi, the shell theme somehow shows red background (or is transparent).. Is there any way i can make it not transparent? :)
Thanks, Uwe.

Minor glitch in indicator of Volume/Brightness

I believe the indicators (the bar as picture shown) of volume and brightness, are not themed properly. I'm sorry if they are by design, but they look quite different to earlier version. Currently using the latest version, as updated today.

Issue with font color in mate panel (dark variant)

In mate-desktop, the font color panel is not suitable for the dark version : it is dark color on dark background.

The workaround consists in adding this in .config/gtk-3.0/gtk.css:

panel-toplevel.background.horizontal,
.mate-panel-menu-bar,
#clock-applet-button,
#clock-applet-button:hover  {
        color: white;
}

#tasklist-button {
        color: white;
}

It should be handled natively by the theme.

Thank you and awesome work, otherwise :-)