Seite 1 von 3

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

Verfasst: 14.05.2015, 12:34
von 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. :dafür:

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

custom.css einfacher einbinden

Verfasst: 14.05.2015, 12:53
von 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.

Entfernt in der Sidebar die Aufzählung hinter den Lesezeichenordnern

Verfasst: 14.05.2015, 12:55
von 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;
}

Entfernt die "Kachel" +Speed Dial in der Schnellwahl

Verfasst: 14.05.2015, 12:56
von Uwe_G
Entfernt die "Kachel" +Speed Dial in der Schnellwahl (das große Plus-Zeichen):

Code: Alles auswählen

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

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

Verfasst: 14.05.2015, 16:20
von GwenDragon
Uwe_G hat geschrieben: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.

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

Verfasst: 14.05.2015, 20:38
von nokiafan
Entfernt die "Kachel" +Speed Dial in der Schnellwahl (das große Plus-Zeichen):
Wie fügst du dann einen neuen Eintrag ein?

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

Verfasst: 15.05.2015, 13:17
von Uwe_G
nokiafan hat geschrieben:
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.

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

Verfasst: 23.11.2015, 23:05
von Tuxman
Ist eigentlich "echtes" Theming geplant?

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

Verfasst: 24.11.2015, 08:42
von GwenDragon
Ja, es ist geplant. Von einem Termin weiß ich nichts.

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

Verfasst: 24.11.2015, 08:46
von Tuxman
Prima! :) (Also eins davon.)

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

Verfasst: 08.12.2015, 14:12
von 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;
}

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

Verfasst: 24.12.2015, 10:36
von 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;
}

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

Verfasst: 22.04.2016, 16:51
von Mailde
Hallo Leute,

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

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

Verfasst: 22.04.2016, 17:47
von 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/

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

Verfasst: 03.06.2016, 15:46
von GwenDragon
In der Snapshot 1.3.501.6 lässt sich einiges auch direkt einfach ändern.