/Tokyonight-GTK-Theme

A GTK theme based on the Tokyo Night colour palette.

Primary LanguageSCSSGNU General Public License v3.0GPL-3.0

Tokyonight GTK Theme

Linux Logo CSS Logo GitHub Stars GitHub Forks GitHub Issues GNU Licence

Note

Description A GTK theme based on the colours of Folke's great theme: Tokyonight for Neovim, the VinceLiuice's awesome: Magnetic GTK theme and the creativity of Gusbemacbe's: Suru Plus Icon Theme.

The theme is more focused on the Gnome Desktop, but supports Cinnamon, XFCE, Mate, etc. with generic styles. It's great to combine in your TWMs like: XmonadWM, AwesomeWM, BSPWM, etc...

You can check Reddit: r/unixporn to get some ideas.

Tokyonight

INSTALLING THEMES

Before installing the themes, make sure to install the following necessary packages: sassc murrine-engine and gnome-themes-extra packages for the correct rendering of themes.

Here are some commands to install on some distributions.

  • On Fedora run:
 sudo dnf install gtk-murrine-engine
  • On OpenSUSE run:
 sudo zypper install gtk2-engine-murrine
  • On Arch run:
sudo pacman -S gtk-engine-murrine
  • On Debian and derivatives run:
sudo apt install gtk2-engines-murrine

The themes work on versions 40 to 44 of the GNOME D.E. just follow the steps below for installation:

  • Download the themes packs and extract them
  • Move the extracted files to the following paths:
    • For GTK3: ~/.themes In this path you must move the entire theme folder.
    • For GTK4: ~/.config/gtk-4.0 The files to move to this path can be found inside the theme directory in the gtk-4.0 folder, copy only the assets, gtk.css and gtk-dark.css files or create a symlinks.

Applying Themes from zip files

  • For GTK3, apply themes from Gnome Tweaks.
  • For GTK4 applications it is only necessary to have moved the assets, gtk.css and gtk-dark.css files to the ~/.config/gtk-4.0 path, and if you notice that the theme has not been applied, just close and reopen the application.

Applying Themes to Flatpak Apps

  • Override flatpak themes to ~/.themes:
sudo flatpak override --filesystem=$HOME/.themes
  • Override flatpak icons to ~/.icons:
sudo flatpak override --filesystem=$HOME/.icons
  • Override flatpak themes to ~/.config/gtk-4.0 locally:
flatpak override --user --filesystem=xdg-config/gtk-4.0
  • Override flatpak themes to ~/.config/gtk-4.0 globally:
sudo flatpak override --filesystem=xdg-config/gtk-4.0

Alternative Flatpak Theming: stylepak

CLI INSTALLATION

Run the following command in the terminal for a general installation

./install.sh

The ./install.sh allows some specific options like:

./install.sh --tweak moon mac outline float -t green -l

For more information, run: ./install.sh --help

-d, --dest DIR          Specify destination directory (Default: ~/.themes)
-n, --name NAME         Specify theme name (Default: Everforest)
-t, --theme VARIANT...  Specify theme accent color variant(s) [default|purple|pink|red|orange|yellow|green|teal|grey|all] (Default: blue)
-c, --color VARIANT...  Specify color variant(s) [light|dark] (Default: All variants)
-s, --size VARIANT...   Specify size variant [standard|compact] (Default: standard variant)

-l, --libadwaita        Link installed gtk-4.0 theme to config folder for all libadwaita app use this theme

-r, --remove,
-u, --uninstall         Uninstall/Remove installed themes or links

--tweaks                Specify versions for tweaks
                        1. [moon|storm]  Moon|Storm ColorSchemes version
                        2. black         Blackness color version
                        3. float         Floating gnome-shell panel style
                        4. outline       Windows with 2px outline style

-h, --help              Show help

CLARIFYING SOME DOUBTS

This is just to clarify doubts about the abbreviations of the Themes, as many found the names confusing.

Abbreviation example Explanation of abbreviations
Theme-Name-B-MB Bordered theme and window macOS Buttons
Theme-Name-B-LB Bordered theme and window Legacy Buttons
Theme-Name-B-GS Floating and Bordered theme for Gnome Shell
Theme-Name-BL-MB Borderless Theme and window macOS Buttons
Theme-Name-BL-LB Borderless Theme and window Legacy Buttons
Theme-Name-BL-GS Borderless Theme decoration for Gnome Shell

LOOKING FOR OTHER THEMES WITH NEOVIM COLOUR SCHEMES?

Neovim Colorschemes for GTK GitHub Pling
Catppuccin GTK Theme Source Package
Everforest GTK Theme Source Package
Gruvbox GTK Theme Source Package
Kanagawa GTK Theme Source Package
Material GTK Theme Source Package
Nightfox GTK Theme Source Package
Rose Pine GTK Theme Source Package
Tokyonight GTK Theme Source Package

Acknowledgements to

Thanks to @telometto for the alternative to the application of themes in Flatpak.
Thanks to @f1yn for the solution to the active and inactive borders in the new version of Cinnamon.
Thanks to @eeeXun for the hint to solve the bug in Mate Desktop window control buttons.
Thanks to @Icy-Thought,@D3vil0p3r and to those who have packaged these themes for NIX and AUR.

Support

PayPal Support