Gnome Shell – How to Theme Gnome Shell Calendar Panel Button

cssgnome-shell

I was trying to change the theme of panel button : calendar
And here is my attempt
enter image description here

I need to make calendar looks like this, specifically how to alter the appearance of the first line or second line in StLabel
..

CSS class name :

#panel .panel-button StLabel

enter image description here

version: 18.10
theme: arc-dark gnome shell theme

Best Answer

The style_class for this particular field is #panel .clock-display

examples:

#panel .clock-display { color: yellow; text-align: center; font-size: 11pt; }

enter image description here

#panel .clock-display { color: yellow; text-align: center; font-size: 20pt; }

enter image description here

#panel .clock-display { color: magenta; text-align: center; font-size: 10pt; }

enter image description here

In my opinion and after several attempts,

since 1st line & 2nd line are from Clock Override Extension..
the alteration you are looking for 1st line & 2nd line is not possible unless this extension or gnome-shell system files are edited to match to separate those two lines.

Related Question