<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>gnome on foosel.net</title><link>https://foosel.net/tags/gnome/</link><description>Recent content in gnome on foosel.net</description><generator>Hugo</generator><language>en-us</language><copyright>Gina Häußge (foosel)</copyright><lastBuildDate>Tue, 11 Apr 2023 00:00:00 +0000</lastBuildDate><atom:link href="https://foosel.net/tags/gnome/feed.xml" rel="self" type="application/rss+xml"/><item><title>How to reduce the titlebar size of Gnome 43</title><link>https://foosel.net/til/2023-04-11-how-to-reduce-the-titlebar-size-of-gnome/</link><pubDate>Tue, 11 Apr 2023 00:00:00 +0000</pubDate><guid>https://foosel.net/til/2023-04-11-how-to-reduce-the-titlebar-size-of-gnome/</guid><description>&lt;p&gt;A few weeks ago I switched back to Linux as my primary OS, on a newly acquired refurbished &lt;a href="https://frame.work"&gt;Framework Laptop 11&lt;/a&gt;, and one thing that&amp;rsquo;s since been bothering me on my chosen desktop environment Gnome&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt; has been the HUGE titlebars:&lt;/p&gt;
&lt;p&gt;&lt;img alt="Before: A quite tall title bar with a lot of padding, wasting space" loading="lazy" src="https://foosel.net/til/2023-04-11-how-to-reduce-the-titlebar-size-of-gnome/before.png"&gt;&lt;/p&gt;
&lt;p&gt;So I finally dug into solving this quickly, and came across &lt;a href="https://www.reddit.com/r/gnome/comments/y61xhm/comment/ivay6db/"&gt;this post on Reddit&lt;/a&gt; with a quite nice solution. I modified &lt;code&gt;~/.config/gtk-3.0/gtk.css&lt;/code&gt; and added the following contents:&lt;/p&gt;</description><content:encoded><![CDATA[<p>A few weeks ago I switched back to Linux as my primary OS, on a newly acquired refurbished <a href="https://frame.work">Framework Laptop 11</a>, and one thing that&rsquo;s since been bothering me on my chosen desktop environment Gnome<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup> has been the HUGE titlebars:</p>
<p><img alt="Before: A quite tall title bar with a lot of padding, wasting space" loading="lazy" src="/til/2023-04-11-how-to-reduce-the-titlebar-size-of-gnome/before.png"></p>
<p>So I finally dug into solving this quickly, and came across <a href="https://www.reddit.com/r/gnome/comments/y61xhm/comment/ivay6db/">this post on Reddit</a> with a quite nice solution. I modified <code>~/.config/gtk-3.0/gtk.css</code> and added the following contents:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#f92672">window</span>.<span style="color:#a6e22e">ssd</span> <span style="color:#f92672">headerbar</span>.<span style="color:#a6e22e">titlebar</span> {
</span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">padding-top</span>: <span style="color:#ae81ff">2</span><span style="color:#66d9ef">px</span>;
</span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">padding-bottom</span>: <span style="color:#ae81ff">2</span><span style="color:#66d9ef">px</span>;
</span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">min-height</span>: <span style="color:#ae81ff">0</span>;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span><span style="color:#f92672">window</span>.<span style="color:#a6e22e">ssd</span> <span style="color:#f92672">headerbar</span>.<span style="color:#a6e22e">titlebar</span> <span style="color:#f92672">button</span>.<span style="color:#a6e22e">titlebutton</span> {
</span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">padding</span>: <span style="color:#ae81ff">1</span><span style="color:#66d9ef">px</span>;
</span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">min-height</span>: <span style="color:#ae81ff">0</span>;
</span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">min-width</span>: <span style="color:#ae81ff">0</span>;
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><p>That resulted in this:</p>
<p><img alt="After: The title bar reduced to the bare minimum in height, with only a minimal amount of padding, no more wasting space" loading="lazy" src="/til/2023-04-11-how-to-reduce-the-titlebar-size-of-gnome/after.png"></p>
<p>And now I&rsquo;m happy, at least with non-Gnome apps, my chosen development environment VSCode included.</p>
<p><em>Update 2023-04-30: Alas, that no longer works under Gnome 44, so for now I&rsquo;m stuck with oversized titlebars again.</em></p>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>Currently Gnome 43.3 running under Wayland on Fedora Workstation 37&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
]]></content:encoded></item></channel></rss>