Question

2

Change GNOME Calendar color in top panel Ubuntu 20.04

rated 0 times [ 2] [ 0] / answers: 1 / hits: 3057 / 3 Years ago, sat, october 30, 2021, 12:00:42

I've just updated to Ubuntu 20.04 from 18.04. I am using Flat Remix GNOME Theme, but GNOME Calendar in the top panel didn't change its color, now it looks like this:

When I had Ubuntu 18.04 GNOME Calendar in the top panel took theme's colors and it was black as well. How can I fix it now?

I've installed it from here putting all files in ~/.themes and then just selected the theme in GNOME Tweaks.

Answers

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

zombieptu

Add To Favorites

Follow

Total Points: 490

Total Questions: 121

Total Answers: 108

Location: Nepal

Member since Mon, Jan 4, 2021

3 Years ago

zombieptu questions

1 Do I have log4j on my Ubuntu 18.04.6?

Sat, Feb 18, 23, 20:00, 1 Year ago

1 How can I change regdomain of a WIFI board in Ubuntu 20.04 - Intel AX200 AP 5G?

Fri, Dec 24, 21, 17:59, 2 Years ago

1 how to view the content of /dev/sda file?

Sun, Feb 27, 22, 02:41, 2 Years ago

1 No wi-fi adaptor found -Ubuntu -rtlwifi_new.git shows repository not found

Fri, Dec 31, 21, 00:36, 2 Years ago

1 If I've installed an application both as a snap and via APT, how can I tell which one is currently running?

Fri, Sep 3, 21, 14:10, 3 Years ago

View All

answered 3 Years ago nalystcul · Accepted Answer

I did not get "Flat Remix GNOME" theme from the link you provided.. It has lot of themes..

for testing purpose.. I choose Flat-Remix-Blue

open the file

gedit $HOME/.themes/Flat-Remix-Blue/gnome-shell/gnome-shell.css

search for "calendarArea"

#calendarArea {

  padding: 0; }



.datemenu-calendar-column {

  spacing: 6px;

  border: 0 solid #d9d9d9;

  padding: 0 12px; }

  .datemenu-calendar-column:ltr {

    background-color: yellow; # Have added this line.. Change the color you want..

    margin-right: 8px;

    border-left-width: 1px; }

  .datemenu-calendar-column:rtl {

    margin-left: 8px;

    border-right-width: 1px; }

  .datemenu-calendar-column .datemenu-displays-box {

    spacing: 6px; }

Change color yellow with your required color..