Question

1

Ubuntu 20.04 Radiance theme - menu separators not showing

rated 0 times [ 1] [ 0] / answers: 1 / hits: 538 / 3 Years ago, mon, october 4, 2021, 7:35:05

After I installed the Radiance theme in Ubuntu 20.04 and set the system to use it, there are no horizontal menu separators in the menus. I noticed it in Firefox, because the separators I created between bookmarks didn't show up in the bookmarks menu (although they are correctly visible in Show All Bookmarks window), but the same is happening for other menus, eg. menus dropping from top GNOME panel (I use GNOME Flashback).

When switching to some of the default system themes, like Yaru or Adwaita, the separators are visible. What should I change in theme's CSS files to bring the separators back?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

whoppinolo

Add To Favorites

Follow

Total Points: 93

Total Questions: 113

Total Answers: 107

Location: Cyprus

Member since Mon, Oct 24, 2022

2 Years ago

whoppinolo questions

1 Download speed very slow in Ubuntu 20.04.1 while upload speed is perfectly fine over wifi

Mon, May 9, 22, 01:50, 2 Years ago

1 How do I set a static IP in ubuntu server 20.04?

Tue, Feb 14, 23, 08:30, 1 Year ago

1 iexplorer under wine is missing wine-gecko

Wed, Sep 28, 22, 06:56, 2 Years ago

1 how to retrieve server life uptime?

Fri, May 27, 22, 01:55, 2 Years ago

1 how to change language in i3wm

Tue, Oct 12, 21, 09:33, 3 Years ago

View All

answered 3 Years ago attagjump · Accepted Answer

Found a solution :)
I noted that Ambiance theme has these separators, while Radiance theme doesn't. By comparing the gtk-3.20/gtk-widgets.css files in both themes I found that it's enough to comment out the line border:none in the following fragment to get the separators back:

menu separator {

    margin-left: 5px;

    margin-right: 5px;

    border: none;

    color: @dark_bg_color;

}

However, the separators have a very light colour and are hardly visible, so additionally I made them a bit darker by changing 0.99 to 0.8 in the next fragment:

menu separator {

    border-color: shade (@dark_bg_color, 0.99);

    border-bottom-color: alpha (shade (@dark_bg_color, 1.26), 0.5);

    border-right-color: alpha (shade (@dark_bg_color, 1.26), 0.5);

}

That basically solves the issue.