Tokyonight GTK Theme

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

A GTK theme based on the colours of [Folke's](https://github.com/folke) great theme: [Tokyonight for Neovim](https://github.com/folke/tokyonight.nvim)
the [VinceLiuice's](https://github.com/vinceliuice) Awesome GTK Themes and the creativity of [Gusbemacbe's](https://github.com/gusbemacbe): [Suru Plus Icon Theme](https://github.com/gusbemacbe/suru-plus). ![Tokyonight](https://raw.githubusercontent.com/Fausto-Korpsvart/Tokyo-Night-GTK-Theme/master/extra/screenshots/Tokyonight.png) > [!NOTE] > 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... ## โš™๏ธ Requirements 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: ```sh sudo dnf install gtk-murrine-engine ``` - On OpenSUSE run: ```sh sudo zypper install gtk2-engine-murrine ``` - On Arch run: ```sh sudo pacman -S gtk-engine-murrine ``` - On Debian and derivatives run: ```sh sudo apt install gtk2-engines-murrine ``` ## ๐Ÿ“ Manual Installation - Download the [themes](https://www.pling.com/u/fkorpsvart) 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 the Theme - For **GTK3**, apply themes from **Gnome Tweaks**, **Refine** or **Tuner** - 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. ## ๐Ÿ“ฆ Flatpak Compatibility - Override flatpak themes to `~/.themes`: ```sh sudo flatpak override --filesystem=$HOME/.themes ``` - Override flatpak icons to `~/.icons`: ```sh sudo flatpak override --filesystem=$HOME/.icons ``` - Override flatpak themes to `~/.config/gtk-4.0` locally: ```sh flatpak override --user --filesystem=xdg-config/gtk-4.0 ``` - Override flatpak themes to `~/.config/gtk-4.0` globally: ```sh sudo flatpak override --filesystem=xdg-config/gtk-4.0 ``` > [!TIP] > ๐Ÿ’ก Use [stylepak](https://github.com/refi64/stylepak) for easier Flatpak theming. ## ๐Ÿ›  CLI Installation Run the following command in the terminal for a general installation ```sh ./install.sh ``` > The `./install.sh` allows some specific options like: ```sh ./install.sh --tweaks storm macos outline float -t green -l ``` > To customise the name of the theme, you can use the `-n` parameter, e.g. ```sh ./install.sh -n "Tokyonight-Float-Border" --tweaks outline float ``` > [!TIP] > ๐Ÿงพ For more information, run: `./install.sh --help` ### Options ``` -d, --dest DIR Specify destination directory (Default: ~/.themes) -n, --name NAME Specify theme name (Default: Tokyonight) -t, --theme VARIANT... Specify theme accent color variant(s) [default|green|grey|orange|pink|purple|red|teal|yellow|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 5. macos macOS style windows button -h, --help Show help ``` ## ๐Ÿ”  Abbreviation Cheat Sheet This is just to clarify doubts about the abbreviations of the Themes | 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` | ## ๐Ÿ”— More Neovim-Inspired GTK Themes | Neovim Colorschemes for GTK | GitHub | Pling | | --------------------------- | ------ | ----- | | Catppuccin GTK Theme | [Source](https://github.com/Fausto-Korpsvart/Catppuccin-GTK-Theme) | [Package](https://www.pling.com/p/1715554/) | | Everforest GTK Theme | [Source](https://github.com/Fausto-Korpsvart/Everforest-GTK-Theme) | [Package](https://www.pling.com/p/1695467/) | | Gruvbox GTK Theme | [Source](https://github.com/Fausto-Korpsvart/Gruvbox-GTK-Theme) | [Package](https://www.pling.com/p/1681313/) | | Kanagawa GTK Theme | [Source](https://github.com/Fausto-Korpsvart/Kanagawa-GKT-Theme) | [Package](https://www.pling.com/p/1810560/) | | Material GTK Theme | [Source](https://github.com/Fausto-Korpsvart/Material-GTK-Themes) | [Package](https://www.pling.com/p/1706139/) | | Nightfox GTK Theme | [Source](https://github.com/Fausto-Korpsvart/Nightfox-GTK-Theme) | [Package](https://www.pling.com/p/1929101/) | | Osaka GTK Theme | [Source](https://github.com/Fausto-Korpsvart/Osaka-GTK-Theme) | [Package](https://www.pling.com/p/2284009/) | | Rose Pine GTK Theme | [Source](https://github.com/Fausto-Korpsvart/Rose-Pine-GTK-Theme) | [Package](https://www.pling.com/p/1810530/) | | Tokyonight GTK Theme | [Source](https://github.com/Fausto-Korpsvart/Tokyonight-GTK-Theme) | [Package](https://www.pling.com/p/1681315/) | ## Acknowledgements Thanks to [@telometto](https://github.com/telometto) for the alternative to the application of themes in `Flatpak.`
Thanks to [@f1yn](https://github.com/f1yn) for the solution to the active and inactive borders in the new version of `Cinnamon.`
Thanks to [@eeeXun](https://github.com/eeeXun) for the hint to solve the bug in `Mate Desktop` window control buttons.
Thanks to [@Icy-Thought](https://github.com/Icy-Thought),[@D3vil0p3r](https://github.com/D3vil0p3r) and to those who have packaged these themes for NIX and AUR. ## Support [![PayPal Support](https://img.shields.io/badge/Donate-PayPal-00457C?style=for-the-badge&logo=paypalColor=white)](https://www.paypal.com/donate/?hosted_button_id=LKVTXNA36FTV4)