So ändern Sie Stileigenschaften von Gnome -Shell -Themen

So ändern Sie Stileigenschaften von Gnome -Shell -Themen
GNOME Shell (GS) Themen hängen stark von CSS ab, um verschiedene Elemente der Schale zu stylen. Eine typische CSS -Datei, die in einem GS -Thema enthalten ist, kann Tausende von Eigenschaften haben. In diesem Artikel werden einige Konzepte behandelt, mit denen Sie vorhandene GS -Themen optimieren können, indem Sie ein neues Thema erstellen, das Werte aus den Originalthemen erbt. Wenn Sie mit der Funktionsweise von CSS ein wenig vertraut sind, können Sie auf den unten genannten Beispielen aufbauen, um fast jeden Aspekt eines GS -Themas zu ändern.

Aktivieren Sie benutzerdefinierte Gnom -Shell -Themen

Ubuntu ermöglicht zusammen mit vielen anderen GNOME-basierten Verteilungen nicht standardmäßig benutzerdefinierte benutzerdefinierte Themen. Um Benutzerthemen zu laden, muss eine GS -Erweiterung und ein verstecktes Dienstprogramm installiert werden. Sie können das erforderliche Erweiterungs- und GNOME -Tweak -Tool in Ubuntu installieren, indem Sie den folgenden Befehl ausführen:

$ sudo apt installieren gnome-shell-extensions gnome-twwaks

Starten Sie die App „Tweaks“ aus dem Anwendungsstarcher und gehen Sie in der Registerkarte "Erweiterungen" in der Seitenleiste. Aktivieren Sie die Erweiterung „Benutzerthemen“, wie im Screenshot unten gezeigt. Stellen Sie sicher, dass der Umschalter „Erweiterungen“ oben aktiviert ist.

Sobald Sie mit diesem Schritt fertig sind, schließen Sie die Tweaks -App und starten Sie sie neu auf. Jetzt können Sie das GS -Thema auf der Registerkarte "Aussehen" ändern.

Erstellen der erforderlichen Dateien für die Anpassung der Themen

Um ein vorhandenes Thema anzupassen, müssen Sie ein neues GS -Thema erstellen, das auf dem Originalthema aufbaut. Auf diese Weise können Sie nur ausgewählte Teile des Themas ändern, ohne das gesamte Thema zu ändern. Jeder unberührte Teil des ursprünglichen Themas wird so aufbewahrt, wie es ist. Durch Ausführen der folgenden Befehle wird ein neues benutzerdefiniertes Thema namens "Mytheme" in Ihrem $ Home -Verzeichnis erstellt.

$ mkdir -p ~/.Themen/Mytheme/Gnom-Shell/
$ touch ~/.Themen/Mytheme/Gnom-Shell/Gnome-Shell.CSS

Sie können jeden Texteditor verwenden, um Ihre eigenen Anpassungen in das „Gnome-Shell“ einzugeben.CSS ”-Datei, die durch Ausführen des obigen Befehls erstellt wurde. Sobald Sie den erforderlichen Code eingegeben haben, können Sie das Thema „Mythem“ im Dropdown -Menü in der Tweaks -App auswählen, wie im ersten Abschnitt dieses Artikels erläutert. Beachten Sie, dass Sie sich anmelden und sich wieder anmelden müssen, damit die Änderungen wirksam werden müssen. Alternativ können Sie auch „R“ im Popup -Eingangsfeld drücken und eingeben, um die Gnome -Shell neu zu laden.

Finden der Basis -CSS -Datei

Wenn Sie die ursprüngliche CSS -Datei als Referenz verwenden möchten, müssen Sie sie zuerst finden und extrahieren. Themen von Drittanbietern können direkt eine „Gnome-Shell“ enthalten.CSS ”-Datei, mit der sie einfach als Basis für die CSS -Anpassung verwendet werden kann. Standardsystemdateien können jedoch „Gnome-Shell-Themen enthalten.Gresource ”Dateien stattdessen. Sie finden das Standard-System GS-Thema auf dem Pfad „/usr/Share/Gnome-Shell/Theme“. In diesem Verzeichnis finden Sie die Gresource -Datei unter einem anderen Ordner wie dem Namen des Standardsystemsthemas. In der neuesten Version von Ubuntu finden Sie die Gresource-Datei auf dem Pfad "/usr/share/gnome-shell/thema/yaru". Kopieren Sie die Gresource -Datei in einen anderen Ordner und führen Sie den folgenden Befehl aus:

$ gresource list gnome-shell-themen.Gresource

Nach dem Eingeben des obigen Befehls erhalten Sie die folgende Ausgabe:

/org/gnome/Shell/Thema/yaru-dark/gnom-shell-hohe Kontrast.CSS
/org/gnome/Shell/Thema/yaru-dark/gnome-shell.CSS
/org/gnome/Shell/thema/yaru/gnom-shell-hohe Kontrast.CSS
/org/gnome/Shell/thema/yaru/gnome-shell.CSS


Die vierte Zeile in der obigen Ausgabe ergibt den richtigen Pfad zur CSS -Datei. Um es zu extrahieren, führen Sie einen Befehl im folgenden Format aus:

$ gresource extrahe gnom-shell-themene.Gresource/org/gnome/Shell/Thema/Yaru/Gnome-Shell.CSS
> Ausgabe.CSS

Sie können sich jetzt auf die Ausgabe beziehen.Die oben erhaltene CSS -Datei und verwenden Sie sie als Basis für die Anpassung. Einige Beispiele für die CSS -Anpassung werden nachstehend erwähnt. Diese Beispiele decken nicht alle Anwendungsfälle ab, erhalten Sie jedoch eine Grundidee für die Vorgehensweise. Beachten Sie, dass für die nachstehend erwähnten CSS -Regeln keine Erklärung gegeben werden, da sie über den Rahmen dieses Artikels hinausgehen. Weitere Informationen finden Sie in der CSS -Referenzdokumentation von W3schools oder Mozilla.

Ändern der Schrifteigenschaften des Systemthemens

Der folgende Code ändert die Schrifteigenschaften des Standardsystemsthemas. Der Schriftstil wird in Noto Sans geändert und die Schriftgröße wird auf 12 pt geändert.

Bühne
Schriftfamilie: Noto Sans, Sans-Serif;
Schriftgröße: 12pt;

Wenn Sie ein GS-Thema von Drittanbietern verwenden, müssen Sie möglicherweise zuerst die CSS-Datei importieren, indem Sie den vollständigen Pfad angeben, wie im folgenden Beispiel gezeigt:

@import URL ("Pfad/to/thema.CSS ");
Bühne
Schriftfamilie: Noto Sans, Sans-Serif;
Schriftgröße: 12pt;

Wenn eine CSS -Datei für den Import nicht verfügbar ist, können Sie sie aus der Gresource -Datei extrahieren, wie oben erläutert.

Hintergrundfarbe des Feldes ändern

Verwenden Sie den folgenden Code, um die Hintergrundfarbe der Panel -Hintergrund in rot zu ändern:

#panel
Hintergrundfarbe: Rot;

Änderung der Breite des Kippschalters

Verwenden Sie den folgenden Code, um die Breite der Schaltflächen zu ändern:

.Kippschalter
Breite: 100px;

Abschluss

Mit einigen Kenntnissen über CSS -Regeln und -eigenschaften können Sie problemlos fast alle Aspekte eines GS -Themas anpassen. Es ist jedoch wichtig, die richtige Basis -CSS -Datei zu finden, um sie als Referenz zu verwenden und viele Vermutungen zu vermeiden.