eaxly / gtk

Phocus GTK3 Theme

This GTK3 theme is part of the Phocus theme collection.

Installation From source

Make sure to install the following dependency:

• npm

Clone the phocus/gtk repository and build/install it using make:

git clone https://github.com/phocus/gtk.git phocus-gtk
cd phocus-gtk
make
sudo make install

Installation on Arch

Install the AUR package phocus-gtk-theme-git with your favourite AUR helper (or by hand, won't judge).

paru -S phocus-gtk-theme-git

Development

To make development as easy as possible, clone the repository and symlink it into your users ~/.themes directory:

git clone https://github.com/phocus/gtk.git ~/code/phocus
ln -s ~/code/phocus ~/.themes/phocus

Install its npm dependencies:

cd ~/.themes/phocus
npm install

Build

Build the theme by running its build script:

npm run build

Watch

Start a watcher that automatically builds when you modify a file:

cd ~/themes/phocus
npm run watch

Reload GTK Theme

Make all open GTK applications reload the phocus theme by running:

npm run reload_gtk_theme

This requires you to have xsettingsd installed.

Watch and reload - ultimate comfort

Automatically build on modifications, and make all open GTK applications reload the phocus theme:

npm run watch_and_reload

Enjoy this quick demo of the ultimate comfort workflow: