Gnome Shell 3.16 Theme bearbeiten

Die Theme Dateien zur Abänderung der Standardtheme für die Gnome Shell liegen jetzt nicht mehr als css Datei auf dem Rechner. Sie sind jetzt in den Code integriert. Das erschwert eine Abänderung der Standardtheme.

Es ist trotzdem möglich:

  1. Git-Core installieren: sudo zypper install git-core
  2. Dateien laden: git clone –recursive https://github.com/GNOME/gnome-shell
  3. Die Datei gnome-shell.css aus den kopierten Daten (liegen bei mir im Homeverzeichnis unter  /home/benutzername/gnome-shell/data/theme) nach /home/user/.themes/neuer_themenname/gnome-shell.css kopieren
  4. Die dort liegende Datei gnome-shell.css entsprechend abändern.
  5. Das neue Theme mit Gnome Tweak Tool aufrufen.

Ich benötige im Grunde 3 Variationen:

  • für helle Hintergründe eine Theme mit hellem Panel
  • für dunkle Hintergründe ein transparentes Theme
  • Ein universelles Theme mit dunklerem Panel (ähnlich dem Original)

So sind drei Themen entsanden:

Was habe ich in der css Datei geändert (am Beispiel Gnome316hell):

Dabei wurde je nach Farbe des Panel die Schriftfarbe, die Schriftfarbe wenn sich die Maus darüber befindet und die Schriftfarbe bei Aktivierung mit der Maus geändert.

Beim Suchbegriff Panel im Abschnitt /* TOP BAR */

/* TOP BAR */
#panel {
  /*background-color: transparent;*/
background-color: #eeeeec;

  font-weight: bold;
  height: 1.86em; }
  #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
    background-color: transparent; }
  #panel #panelLeft, #panel #panelCenter {
    spacing: 4px; }
  #panel .panel-corner {
    -panel-corner-radius: 6px;
    -panel-corner-background-color: #eeeeec;
    -panel-corner-border-width: 2px;
    -panel-corner-border-color: transparent; }
    #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
      /*-panel-corner-border-color: rgba(250,235,215, 1)*/;
-panel-corner-border-color: #eeeeec}
    #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen {
      -panel-corner-radius: 0;
      -panel-corner-background-color: transparent;
      -panel-corner-border-color: transparent; }
  #panel .panel-button {
    -natural-hpadding: 12px;
    -minimum-hpadding: 6px;
    font-weight: bold;
/*   color: #ccc;*/

color: #555753;
    transition-duration: 100ms; }
    #panel .panel-button .app-menu-icon {
      -st-icon-style: symbolic;
      margin-left: 4px;
      margin-right: 4px; }
    #panel .panel-button:hover {
      color: #173}
    #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
      background-color: rgba(0, 0, 0, 0.01);
      box-shadow: inset 0 -2px 0px #256ab1;
      color: #256ab1; }

und für das Dashboard (transparentes linkes Dock):

* DASHBOARD */
#dash {
  font-size: 9pt;
  color: #eeeeec;
  /*background-color: #2e3436;*/
background-color: transparent;
  padding: 4px 0;

 

 

und für den durchsichtigen Hintergrund der Arbeitsflächenumschalter:

 

 

workspace-thumbnails {
  color: #eeeeec;
  /*background-color: #2e3436;*/
background-color: transparent;
  border: 1px solid rgba(238, 238, 236, 0.2); }
Fertig

 

 

Schreibe einen Kommentar