Blog

Mai152020

Yaru-Theme für Ubuntu MATE 20.04 LTS

Das Software-Repository des neues Ubuntu MATE 20.04 LTS enthält naturgemäß das Yaru-Theme der Stamm-Distribution mit der GNOME-Shell als Desktop.
Leider kommt Yaro ohne Unterstützung für das OSD für Lautstärke und Helligkeit daher.
Dies reiche ich hiermit nach. Auch wenn es nur eine recht schnell zusammengeschriebene CSS-Datei ist, vervollständigt sie das Yaru-Theme unter MATE.

Folgende Datei kann unter dem Namen osd.css nach /usr/share/themes/Yaru-dark/gtk-3.0/ kopiert werden:

MsdOsdWindow.background.osd {
  background-color:rgba(62, 62, 62, 0.55);
  border-radius: 18px;
  border: 1px solid rgba(62, 62, 62, 0.77);
  box-shadow:inset 0 1px 20px rgba(0, 0, 0, 0.2);
}

MsdOsdWindow.background.osd .progressbar {
  box-shadow:0 0 20px rgba(119, 63, 114, 0.5);
  background-color: #DF4A16;
  border-radius: 6px;
}

MsdOsdWindow.background.osd .trough {
  background-color: rgba(0, 0, 0, 0.15);
  border: 1px solid #773F72;
  border-radius: 6px;
}

In /usr/share/themes/Yaru-dark/gtk-3.0/gtk.css fügt man noch die Zeile @import URL("osd.css"); ein. In /usr/share/themes/Yaru-dark/gtk-3.20/ legt man noch für osd.css einen symbolischen Link an und fügt auch hier in gtk.css obige Zeile ein.
Lädt man jetzt das Theme neu ein, ist das neue OSD auch zu sehen.

Gleiches Prozedere kann ich für Yaru-Light anbieten:

MsdOsdWindow.background.osd {
  background-color:rgba(182, 182, 182, 0.25);
  border-radius: 38px;
  border: none;
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.8), 
    inset 0 -1px 2px rgba(255, 255, 255, 0.5)
  ;
}

MsdOsdWindow.background.osd .progressbar {
  box-shadow:0 0 20px rgba(255, 255, 192, 0.5);
  background-color: black;
  border-radius: 6px;
}

MsdOsdWindow.background.osd .trough {
  background-color: rgba(0, 0, 0, 0.15);
  border: 1px solid black;
  border-radius: 6px;
}
Tags: