The latest articles on DEV Community by Yiannis (@iob). https://dev.to/iob https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F379697%2Fa96c4bea-52a1-4ea8-b856-9ce4fc9e3830.jpg https://dev.to/iob en Yiannis Tue, 22 Dec 2020 16:35:44 +0000 https://dev.to/iob/customize-gtk-themes-manually-10k4 https://dev.to/iob/customize-gtk-themes-manually-10k4 <p>i ended up reading about tweaking <a href="https://fedoramagazine.org/tweaking-the-look-of-fedora-workstation-with-themes/" rel="noopener noreferrer">on the Fedora magazine</a> which very briefly explained how can you do some customization of your workstation. This makes me want to experiment and try some themes out on my own machine. The question which raised that it is not clear in first glance, how the heck are you doing this if you do not use Gnome Shell, or any other known DE. </p> <p>i started googling. i found <a href="https://github.com/i3-gnome/i3-gnome" rel="noopener noreferrer">i3-gnome</a>. i3-gnome allows you to use i3wn with Gnome3 Session infrastucture. Although i was thinking that it should be a more straight way. </p> <p>My approach: install the desired themes and icons from the repos and edit the settings. In Fedora the settings file is under the $HOME/.config/gtk-4.0/settings.ini and looks like this before the editing<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>[Settings] gtk-application-prefer-dark-theme=0 </code></pre> </div> <p>But what settings i can use. Go to <a href="https://developer.gnome.org/gtk3/stable/GtkSettings.html" rel="noopener noreferrer">https://developer.gnome.org/gtk3/stable/GtkSettings.html</a> and find what you want under the Properties.</p> <p>So focusing in the console i run:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>sudo dnf install flat-remix-gtk2-theme flat-remix-gtk3-theme sudo dnf install yaru-icon-theme.noarch </code></pre> </div> <p>Search for more icons with <code>dnf search icon-theme</code> and themes with <code>dnf search gtk2-theme</code>, dnf search gtk3-theme`</p> <p>What i needed from the Settings was <em>gtk-theme-name</em> and for the icons <em>gtk-icon-theme-name</em></p> <p><code></code><code><br> [Settings] <br> gtk-application-prefer-dark-theme=0 <br> gtk-theme-name=Flat-Remix-GTK-Green-Solid <br> gtk-icon-theme-name=Yaru <br> </code><code></code><br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fapw166989xa4abgpfbx7.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fapw166989xa4abgpfbx7.png" alt="Alt Text"></a></p> <p>The value i guess is the folder name that can be found in /usr/share/themes/. for instance, in my case the directory is <br> <code>/usr/share/themes/Flat-Remix-GTK-Green-Solid</code><br> In the same way Yaru icons are located in /usr/share/icons/Yaru</p> <p><code></code><code><br> ❯ ls /usr/share/icons/Yaru<br> 128x128 16x16 16x16@2x 22x22 24x24 24x24@2x 256x256 256x256@2x 32x32 32x32@2x 48x48 48x48@2x 64x64 8x8 8x8@2x cursors cursor.theme index.theme scalable scalable-max-32<br> </code><code></code></p> i3 gtk themes