2

How can I make Gnome's top bar font weight bold?

I found source for gnome-shell.css on GitLab that describes #panel as the UI to target.

I've tried both of these CSS properties on the panel:

#panel {
    font-weight: bold;
    /*font-weight: 700;*/
}

Nothing seems to change though. If I set background-color: red, that background change is reflected, so I know my CSS file is working at least.

Here is screenshot of the top bar UI I'm trying to change:

Bill Columbia
  • 141
  • 1
  • 7
  • 2
    You probably just need to get more specific with your CSS selector. Maybe something like `#panel StLabel {}` would work. – andy.holmes Mar 23 '20 at 06:07

2 Answers2

2

The method described by @andy.holmes seemed to do the trick. Use #panel StLabel for font-weight and use stage for font-family.

This CSS is working:

#panel StLabel {
  font-weight: 500;
  font-size: 13px;
}

stage {
  font-family: "Inter", sans-serif;
}
Bill Columbia
  • 141
  • 1
  • 7
0

I have a customized theme under ~/.themes/MyTheme/gnome-shell/gnome-shell.css. It works for me under Debian 10. You may also try modifying /usr/share/themes/YOUR-THEME/gnome-shell/gnome-shell.css, stage needs to be used for CSS selector. 

stage {
      font-family: Carlito, Ubuntu, Cantarell, Sans-Serif;
      font-weight: bold;
      font-size: 10pt;
      color: #fafafa;
      }
Damien Flament
  • 1,465
  • 15
  • 27
Omer Ozel
  • 1
  • 1