Eure Tipps: Vivaldis Oberfläche ändern (UI/Theme anpassen)

[GwenDragon]

Vivaldis Oberfläche besteht komplett aus HTML und CSS. Deswegen kann man selbst auch was modden.
Das hier soll ein Sammelthread mit Tipps und Fixes zu Vivaldis Oberfläche werden.

Fragen zur Änderung an Vivaldis Oberfläche bitte einem eigenen Thread erstellen!
Hier nur Tipps geben!

---

Im Blog hatte ich unter Pimp your Vivaldi browser — Thumbnails in vertikalen Tabs deaktivieren
und Vivaldi Browser – Home button entfernen schon beschrieben wie ihr die Oberfläche eures Vivaldi anpassen könnt.
Andere nützliche Artikel (englisch) sind unter http://winaero.com/blog/tag/customize-vivaldi-browser/ und https://vivaldi.net/en-US/forum/all/307 ... omisations zu finden. Schaut es euch mal an.

Hier im Thread könnt ihr eure Änderungen posten und nützliche Tipps zum Ändern der Oberfläche Vivaldis anderen Usern vorstellen!
Am besten mit einer eigenen Überschrift im Beitrag falls es einen eigene Modifikation oder einen Tipp betrifft.
Dann lässt sich das schneller sehen, wo was zu finden ist



Viel Spaß und Erfolg.

PS: Ich muss mich auch noch einarbeiten in das neue "Themeing" bei Vivaldi, ich bin also auch noch Lernende.

[Tante Google]

[Uwe_G]

Zu GwenDragons sehr guter Anleitung habe ich eine kleine Besserung zu vermerken.

Anstatt die common.css mühsam zu durchsuchen, fügt ihr am Anfang der Textdatei folgende Zeile ein:
@import "custom.css";
Datei common.css abspeichern und schließen.
Solltet ihr mit eingeschränkten Benutzerkonto angemeldet sein, editiert die Datei einfach in einem anderen Ordner.

Ab sofort kommt jede Änderung nur in die Datei custom.css

Meine zwei bescheidenen Änderungen behalte ich euch natürlich nicht vor.
Ihr könnt euch gern austoben, und die code-Zeilen hier posten.

[Uwe_G]

Entfernt in der Sidebar die Aufzählung hinter den Lesezeichenordnern (Anzahl der LS):

Code: Alles auswählen

.vivaldi-tree .tree-row.folder .folder-item-count {
	display: none !important;
}

[Uwe_G]

Entfernt die "Kachel" +Speed Dial in der Schnellwahl (das große Plus-Zeichen):

Code: Alles auswählen

.dial.add {
	display: none !important;
}

[GwenDragon]

Anstatt die common.css mühsam zu durchsuchen, fügt ihr am Anfang der Textdatei folgende Zeile ein:
(...)
in die Datei custum.css

Ich habe einen Link auf den Beitrag hier in beide Blogartikel noch eingefügt.
Danke für die Tipps.

[nokiafan]

Entfernt die "Kachel" +Speed Dial in der Schnellwahl (das große Plus-Zeichen):

Wie fügst du dann einen neuen Eintrag ein?

[Uwe_G]

Entfernt die "Kachel" +Speed Dial in der Schnellwahl (das große Plus-Zeichen):

Wie fügst du dann einen neuen Eintrag ein?

Ganz einfach.
Betreffendes Lesezeichen im Lesezeichenmanager in den Schnellwahlordner schieben.
Außerdem kannst du auch, wenn du die Sidebar geöffnet hast, den Schnellwahlordner markieren, und dann auf das + drücken.
Siehe Bild.

[Tuxman]

Ist eigentlich "echtes" Theming geplant?

[GwenDragon]

Ja, es ist geplant. Von einem Termin weiß ich nichts.

[Tuxman]

Prima! (Also eins davon.)

[Uwe_G]

Ergänzend für die custom.css:
Wer ebenso die Aufzählung hinter dem Papierkorb nicht möchte, fügt folgendes hinzu:

Code: Alles auswählen

.vivaldi-tree .trash .folder-item-count {
	display: none !important;
}

[Uwe_G]

Inspiriert durch Wunsch des Users thoath aus dem Vivaldiforum:
Im dunklen Thema die Farbe des aktiven Tabs ändern, in diesem Beispiel ein freundliches Grün (#4f7a28).

Code: Alles auswählen

.ui-dark .tab-position .tab.active {
    color: #fff !important;
    background-color: #4f7a28 !important;
}

[Mailde]

Hallo Leute,

wo finde ich denn die *.css Datei die ich editieren muss? Bin gerade erst auf Vivaldi eingestiegen und probiere etwas rum.

[GwenDragon]

Derzeit noch im Programmordner von Vivaldi.

Wie sowas gemacht wird, habe ich vor einiger Zeit mal im Blog geschrieben: http://www.deskmodder.de/blog/2015/02/1 ... ktivieren/

[GwenDragon]

In der Snapshot 1.3.501.6 lässt sich einiges auch direkt einfach ändern.