Using default Yaru theme, I want to change the font of top panel to match modified fonts in Gnome Tweaks. Since Yaru theme has no shell theme as noticed:

Gnome Tweaks appearance settings

I can't find the required CSS file in Yaru directory that include shell variables to modify. Any help is much appreciated.


In Default Ubuntu 19.04

the User Shell Theme is /usr/share/gnome-shell/theme/Yaru/gnome-shell.css

If you want to use your own shell theme, you need to install user-shell theme. https://extensions.gnome.org/extension/19/user-themes/

If you are using the default one,

open the file /usr/share/gnome-shell/theme/Yaru/gnome-shell.css and edit the content like below. Please note that I have already added the line font-family: Arial, Helvetica, sans-serif; in below content.

/* TOP BAR */
    #panel {
      background-color: #1d1d1d;
      font-weight: 450;
      font-family: Arial, Helvetica, sans-serif;
      height: 1.86em;
      font-feature-settings: "tnum"; }

enter image description here

for Example: In the belwo .gif I have changed the top bar font from "Keraleeyam" to "Dyuthi"

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy