Themes for GTK, gnome-shell and more.

  • By Mattias
  • Last update: Dec 5, 2022
  • Comments: 16

zuki-themes

Themes for GNOME and XFCE4.

Zukitre

Zukitre Wallpapers | Icons | Fonts: Roboto / SF Mono | GNOME shell extension: Dash to Panel

Zukitwo

Zukitwo Wallpapers | Icons | Fonts: Roboto / SF Mono | GNOME shell extension: Dash to Panel

Requirements

  • GNOME Shell 40.1+ (Older versions can be found under the releases section.)
  • GTK 3.24.13+ and/or GTK 4.2+

I can't guarantee that the themes will look as intended on older versions.

Some of these packages may already be installed by default on some distros. (You can skip the gtk2 dependencies if you do not use any gtk2 applications. Then all you need to install is git, meson, sassc, and ninja)

  • Debian/Ubuntu/Mint/PopOS - apt install gtk2-engines-murrine gtk2-engines-pixbuf ninja-build git meson sassc
  • Arch/Manjaro - pacman -S gtk-engines gtk-engine-murrine ninja git meson sassc
  • Opensuse - zypper in gtk2-engine-murrine gtk2-engines ninja git meson sassc
  • Fedora - dnf install gtk-murrine-engine gtk2-engines ninja-build git meson sassc

Other distros may have named the above packages differently.

Installation

When the above requirements are installed, simply run these commands:

git clone https://github.com/lassekongo83/zuki-themes.git
cd zuki-themes
meson build
sudo ninja -C build install

The themes will be installed in: /usr/share/themes/

Updating the theme

Navigate to the zuki-themes folder that was originally cloned. (If you removed it, do the steps above instead).

Then simply run:

git pull
sudo ninja -C build install

Local installation

Install the theme(s) locally if you for some reason can't run as a sudo user.

git clone https://github.com/lassekongo83/zuki-themes.git
cd zuki-themes
meson build
DESTDIR=/home/your-username/.themes ninja -C build install
mv ~/.themes/usr/share/themes/* ~/.themes
rm -r ~/.themes/usr

Changing themes

Use gnome-tweaks to change themes.

You can also change your GTK themes using a terminal.

# Changing the theme to Zukitre-dark, simply run
gsettings set org.gnome.desktop.interface gtk-theme Zukitre-dark

# Reverting the change to the default GNOME theme
gsettings set org.gnome.desktop.interface gtk-theme Adwaita

To change the gnome-shell theme you need to install and activate the User themes extension in the extensions app.

  1. If the user-themes extension is not installed, then look for the package gnome-shell-extensions or gnome-shell-extension-user-theme and install it. (Or install it from https://extensions.gnome.org/extension/19/user-themes/)
  2. Open the extensions app and activate the user themes extension.
  3. Go to the Appearance page in gnome-tweaks and change the Shell theme to Zuki-shell in the drop-down list. (If it still shows a yellow triangle, then restart gnome-tweaks or relog.)

Xfce users can change themes in Settings > Appearance and Settings > Window manager

Flatpak applications

To use the theme in Flatpak applications you'll have to copy the theme(s) from /usr/share/themes to ~/.themes (Symbolic links won't work.)

The theme will be used if the included GTK version for the Flatpak app is at 3.24.x or 4.x. Some apps may require you to change the theme in the app's settings.

Removing the themes

To be safe from any gnome-shell crashes or weird behavior, change the gnome-shell theme to another one before removing the theme.

As root, remove the Zukitre Zukitwo Zukitre-dark Zukitwo-dark Zuki-shell folders located in /usr/share/themes/

Copying or Reusing

The GTK theme(s) and included scripts are free software licensed under the terms of the GNU General Public License, version 3.

Github

https://github.com/lassekongo83/zuki-themes

Comments(16)

  • 1

    Zukitwo XFCE panel does not blink on “urgent” windows

    Usually, windows with the urgency wm_hint set are blinking in the panel (so that user can see it’s requirring attention). But with Zukitwo, it’s not.

    This is the workaround I use to make the window blink. I think it worth being upstream:

    $ cat ~/.themes/Zukitwo/gtk-2.0/gtkrc
    include "/usr/share/themes/Zukitwo/gtk-2.0/gtkrc"
    # this is a fix for xfce panel not showing blinking windows requiring attention
    pixmap_path "/usr/share/themes/Zukitwo/gtk-2.0/"
    style "panel-fix" = "theme-panel-buttons" {
        engine "pixmap" {
            image {
                function    = BOX
                recolorable = TRUE
                state       = NORMAL
                file        = "assets/panel-btn-hover.png"
                border      = { 2, 2, 0, 0 }
                stretch     = TRUE
            }
        }
    }
    widget "*Xfce*Panel*Button*" style:highest "panel-fix"
    
  • 2

    Window control buttons look out of place with Totem

    This is an excellent theme, thanks. I am glad that you have updated Zukitwo to 3.20.

    One glitch that I noticed is with the rendering of the window control buttons with Totem on Ubuntu Gnome. The buttons look a bit of out of place, and the pictures seem a bit grainy. I am using Gnome 3.20.

    screenshot from 2016-07-09 23-30-42

  • 3

    xfce panel indicators hover problem

    Hello,

    I have gray background on hover indicators (xfce4-indicator-plugin) on then Xubuntu 16.04 LTS. Here is example.

    How can it be fixed?

    With regards, Andrey.

  • 4

    Zuki-themes isn't working

    Hello,

    I am using Ubuntu 14.04, as far as I know I meet all of the requirements: *GTK 3.14 ( apart from this one, I have tried everything but I currently have v3.12.2 *Murrine GTK2 engine *gtk-engines/gtk2-engines (Debian based distros also need gtk2-pixbuf-engine.)

    I tried to find the older version on your theme here: https://launchpad.net/zukitwo

    I also tried here: http://www.gnome.org/getting-gnome/

    Is there anything I can do?

    Kind regards, Mickey

  • 5

    ubuntu software window on 20.04 is transparent

    when using on of the zuki themes the window of ubuntu software is completely transparent. With for example yaru it's not.

    Screenshot(s)

    image

    Versions

    • OS/version: ubuntu 20.04
    • GTK+ and/or application versions: 3.24.18-1ubuntu1
  • 6

    Weird font issue on the panel

    Describe the issue

    It seems to be some kind of weird font issue on the shell font face, which is visible on the colon (":") on the clock, almost subscript for some reason? Am I missing the correct font?

    Screenshot(s)

    Versions

    • OS/version: Archlinux
    • GTK+ 3.34.1
  • 7

    dark theme support

    hello please can you provide dark theme of zuki theme ???

    and more support of deepin desktop because what i get here on deepin desktop is the white theme (silver theme ) and no dark theme

    thx in advance

  • 8

    Problem with font and App icon colors on Gnome 3.14

    I am using Gnome 3.14, and have updated the Zuki* theme packs. Since the update, I see that the fonts on the desktop are darker in color (instead of white which was normal). The App icon is also white in color, which makes it difficult to distinguish it against the white background of the Favorites/Dock section. screenshot from 2014-10-18 10 41 15

    I have attached a screen shot to show the problem. I don't think this is expected.

  • 9

    Theme parsing warnings

    Hi I'm running a safeeyes software and it is throwing multiple warnings

    bash$ safeeyes                
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:266:67: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:275:69: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:283:72: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:321:54: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:500:68: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:513:70: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:525:67: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:536:70: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:547:68: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:557:70: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:568:67: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:578:70: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:598:72: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:608:72: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:621:69: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:681:72: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:691:74: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:702:58: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:712:72: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:771:71: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:781:73: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:792:58: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:802:72: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:1305:68: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:1314:70: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:1323:67: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:1332:70: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:1543:72: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:1692:22: Not a valid image
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:2200:9: Not using units is deprecated. Assuming 'px'.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:2200:9: Expected a string.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:2611:72: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:2622:74: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:2631:71: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:2640:74: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:2927:55: Using one color stop with linear-gradient() is deprecated.
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:3790:8: not a number
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:3790:17: Using Pango syntax for the font: style property is deprecated; please use CSS syntax
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:4043:14: not a number
    
    (safeeyes:21653): Gtk-WARNING **: Theme parsing error: gtk-contained.css:4043:14: Expected a string
    

    Could you have a look please?

  • 10

    Default buttons?

    The older gtk3.14 Zuki themes had blue default buttons and I thought they were a nice touch. These don't seem to be themed at all right now.

    This is obviously more of an aesthetic question, but is there a reason these have not been carried over to the newer themes?

  • 11

    Missing fonts in fresh install of 16.04

    I am on fresh install of ubuntu-gnome 16.04. When I active zuki-shell theme I see white boxes instead of letters/numbers in shell. See screenshot: http://imgur.com/uVqXncT

    Yes, I did install fonts-roboto :).

  • 12

    XFCE 4.16 dark mode compatibility

    Hi. Running Debian stable with XFCE desktop (XFCE 4.16). The panel's Dark Mode doesn't work through whiskmenu with Zukitwo. Whiskmenu is light while the panel is dark. Works okay with zukitre though.

    Thanks.

  • 13

    Not Working on deepin deskotp

    can you please support it to work on deepin desktop ??

    even old versions was workng on deepin desktop ( only light theme) but no when i install latest versions from aur on Arch_deepin desktop it is no longer appears in theme option in settings of deepin desktop

    plz support deepin desktop especially dark theme

    thx in advance

  • 14

    Kvantum themes

    It would be nice to have a Kvantum version of these themes so they can be applied to Qt apps. Kvantum is a theme engine for Qt. Kvantum themes are SVG files.

  • 15

    Dialogs → Small imperfections

    There are small imperfections in newer versions of Zukitwo related to confirmation dialog windows:

    1. Old one

    screenshot_old

    1. New one:

    White line between header and window body, blue frame around red buttons... it's kinda questionable. I liked zukitwo for being subtle without bright and high contrast things.

    screenshot

    Thank you in advance!

    Timur.

  • 16

    Gajim → MUC window

    If recall correctly there was some sort of delimiter in Gajim MUC window in previous versions of Zukitwo. Is it possible to make it again?

    Untitled

    Thanks you in advance,

    Timur.