![Smile :-)](./images/smilies/icon_smile.gif)
CSS-Datei speziell für LibreOffice?
CSS-Datei speziell für LibreOffice?
Kennt hier jemand eine Möglichkeit, das Design von LibreOffice mit CSS zu beeinflussen, so ähnlich, wie man das in Firefox und Thunderbird in seinem Profil mit einer userChrome.css machen kann? Ich hab schon die ganze Kugel
durchsucht, aber nur Hinweise gefunden, die sich um CSS im Zusammenhang mit den erstellten Texten drehen, aber nicht um das Design von LibreOffice selber.
![Smile :-)](./images/smilies/icon_smile.gif)
Re: CSS-Datei speziell für LibreOffice?
Sag mal genauer, was Du ändern möchtest, vielleicht auch mit einem Screenshot.
Re: CSS-Datei speziell für LibreOffice?
Wie kommst Du auf die Idee, man könne das Design von LibreOffice via CSS manipulieren? Was meinst Du mit CSS überhaupt? Ich kenne das als „Cascading Style Sheets“ und das bringe ich im Kopf nicht mit dem Design eines Programms zusammen.juribel hat geschrieben:24.02.2024 22:18:29Kennt hier jemand eine Möglichkeit, das Design von LibreOffice mit CSS zu beeinflussen, so ähnlich, wie man das in Firefox und Thunderbird in seinem Profil mit einer userChrome.css machen kann? Ich hab schon die ganze Kugeldurchsucht, aber nur Hinweise gefunden, die sich um CSS im Zusammenhang mit den erstellten Texten drehen, aber nicht um das Design von LibreOffice selber.
Gruß
Gregor
Siehe https://de.wikipedia.org/wiki/CSS
![Smile :-)](./images/smilies/icon_smile.gif)
Wenn man keine Probleme hat, kann man sich welche machen. ("Großes Lötauge", Medizinmann der M3-Hopi [und sog. Maker])
Re: CSS-Datei speziell für LibreOffice?
Danke für eure Antworten!
@KP97: In den Pulldown-Menüs, z. B. im "Datei"-Menü von LibreOffice, gibt es zwischen einigen Menüpunkten eine dünne Trennlinie. Diese lässt sich mit CSS verändern, z. B. in Dicke, Farbe und Transparenz. In dem Pulldown-Menü für die Schriftart gibt es eine hauchdünne kaum sichtbare Trennlinie, die die Liste der zuletzt gewählten Schriften von der gesamten Liste der Schriften trennt. Das ist aber ein anderes CSS-Element, und das ändert sich nicht. In LibreOffice 6.4 war diese Linie deutlich sichtbar, und jetzt ist sie kaum noch zu erkennen.
@GregorS: Klar kann man Oberflächen-Elemente vieler Anwendungen mit CSS ändern. Zumindest unter Linux ist so etwas eine Selbstverständlichkeit, und es funktioniert ja auch (s. o.). Falls du Windows benutzt, kann es natürlich sein, dass solche Möglichkeiten dort gar nicht vorgesehen sind. Ich kann das leider nicht ausprobieren, ich habe seit 15 Jahren kein Windows mehr. Unter Linux kann man mit CSS die gesamte Betriebssystemoberfläche mit sämtlichen Elementen und auch die Oberflächen der meisten Programme nach Belieben anpassen.
@KP97: In den Pulldown-Menüs, z. B. im "Datei"-Menü von LibreOffice, gibt es zwischen einigen Menüpunkten eine dünne Trennlinie. Diese lässt sich mit CSS verändern, z. B. in Dicke, Farbe und Transparenz. In dem Pulldown-Menü für die Schriftart gibt es eine hauchdünne kaum sichtbare Trennlinie, die die Liste der zuletzt gewählten Schriften von der gesamten Liste der Schriften trennt. Das ist aber ein anderes CSS-Element, und das ändert sich nicht. In LibreOffice 6.4 war diese Linie deutlich sichtbar, und jetzt ist sie kaum noch zu erkennen.
@GregorS: Klar kann man Oberflächen-Elemente vieler Anwendungen mit CSS ändern. Zumindest unter Linux ist so etwas eine Selbstverständlichkeit, und es funktioniert ja auch (s. o.). Falls du Windows benutzt, kann es natürlich sein, dass solche Möglichkeiten dort gar nicht vorgesehen sind. Ich kann das leider nicht ausprobieren, ich habe seit 15 Jahren kein Windows mehr. Unter Linux kann man mit CSS die gesamte Betriebssystemoberfläche mit sämtlichen Elementen und auch die Oberflächen der meisten Programme nach Belieben anpassen.
Re: CSS-Datei speziell für LibreOffice?
Huh?! Bislang habe ich CSS nur im Zusammenhang mit HTML kennengelernt, nie im Zusammenhang mit der Oberflächengestaltung einer Anwendung. Und das Ergebnis Deiner Recherche legt IMO auch nahe, dass es das nicht gibt. Aber ich lerne gerne etwas Neues kennen (immer öfter auch Altes ...juribel hat geschrieben:25.02.2024 16:09:59... Klar kann man Oberflächen-Elemente vieler Anwendungen mit CSS ändern. ...
![Smile :-)](./images/smilies/icon_smile.gif)
Gruß
Gregor
Wenn man keine Probleme hat, kann man sich welche machen. ("Großes Lötauge", Medizinmann der M3-Hopi [und sog. Maker])
Re: CSS-Datei speziell für LibreOffice?
Falsch verstanden. Zumindest unter Linux ist der Einsatz von CSS eine Selbstverständlichkeit, um das Aussehen von grafischen Elementen zu verändern. So habe ich zum Test mit CSS die Separator-Linien für Menüs blau gefärbt. Das funktioniert in so gut wie allen Anwendungen, auch in LibreOffice, aber dort nur nicht mit der beschriebenen Separatorlinie im Schriften-Menü. Der Firefox-Browser hat unter Linux einen eigenen Profil-Ordner, in dem man eine CSS-Datei namens "userChrome.css" unterbringen kann. Dort eingestellte Anpassen wirken ausschliesslich auf Firefox. Bei dem Mailprogramm Thunderbird verhält sich das genau so.Und das Ergebnis Deiner Recherche legt IMO auch nahe, dass es das nicht gibt
Aber wie gesagt, ob es so etwas unter Windows überhaupt gibt, kann ich weder bestätigen noch dementieren, ich habe keins
![Smile :)](./images/smilies/icon_smile.gif)
NACHTRAG: Wie fügt man hier Bilder ein?
Re: CSS-Datei speziell für LibreOffice?
Da muß ich leider passen. Über die hauseigenen Funktionen in "Anpassen" und "Optionen" kann man schon eine Menge einstellen, aber gerade die Trennlinien sind nicht dabei.
Bilder:
gallery/album/1
und dann verlinken im Beitrag.
Bilder:
gallery/album/1
und dann verlinken im Beitrag.
- schorsch_76
- Beiträge: 2544
- Registriert: 06.11.2007 16:00:42
- Lizenz eigener Beiträge: MIT Lizenz
Re: CSS-Datei speziell für LibreOffice?
Das würde ich so nicht generell sagen. AFAIK kann man in Gnome viel per CSS anpassen aber Gnome ist nicht Linux. Es ist nur eine DE von vielen.juribel hat geschrieben:25.02.2024 16:31:02Falsch verstanden. Zumindest unter Linux ist der Einsatz von CSS eine Selbstverständlichkeit, um das Aussehen von grafischen Elementen zu verändern. So habe ich zum Test mit CSS die Separator-Linien für Menüs blau gefärbt. Das funktioniert in so gut wie allen Anwendungen, auch in LibreOffice, aber dort nur nicht mit der beschriebenen Separatorlinie im Schriften-Menü. Der Firefox-Browser hat unter Linux einen eigenen Profil-Ordner, in dem man eine CSS-Datei namens "userChrome.css" unterbringen kann. Dort eingestellte Anpassen wirken ausschliesslich auf Firefox. Bei dem Mailprogramm Thunderbird verhält sich das genau so.Und das Ergebnis Deiner Recherche legt IMO auch nahe, dass es das nicht gibt
Aber wie gesagt, ob es so etwas unter Windows überhaupt gibt, kann ich weder bestätigen noch dementieren, ich habe keins
NACHTRAG: Wie fügt man hier Bilder ein?
[1] https://gjs.guide/extensions/
Re: CSS-Datei speziell für LibreOffice?
Moin,
stimmt, das kann man nicht generell sagen. Ich benutze Xfce, und das ist weitestgehend mit CSS konfigurierbar. Das gesamte Theming mit den "Erscheinungsbild"-Themes beruht auf CSS. Zumindest unter Xfce braucht man dazu keine Extensions, es ist bereits alles an Bord und Teil von Xfce.
Auf den Gedanken, LibreOffice mit einer speziellen CSS-Datei zu beglücken, komme ich, weil dies in Firefox und Thunderbird genau so vorgesehen ist: eine Datei namens userChrome.css in deren Profil-Ordnern. Mit einer Datei ~/.config/gtk-3.0/gtk.css hingegen kann man für seinen Benutzer generelle Einstellungen vornehmen, aber die Einstellungen, die ich vornehmen will, möchte ich auf LibreOffice beschränken.
stimmt, das kann man nicht generell sagen. Ich benutze Xfce, und das ist weitestgehend mit CSS konfigurierbar. Das gesamte Theming mit den "Erscheinungsbild"-Themes beruht auf CSS. Zumindest unter Xfce braucht man dazu keine Extensions, es ist bereits alles an Bord und Teil von Xfce.
Auf den Gedanken, LibreOffice mit einer speziellen CSS-Datei zu beglücken, komme ich, weil dies in Firefox und Thunderbird genau so vorgesehen ist: eine Datei namens userChrome.css in deren Profil-Ordnern. Mit einer Datei ~/.config/gtk-3.0/gtk.css hingegen kann man für seinen Benutzer generelle Einstellungen vornehmen, aber die Einstellungen, die ich vornehmen will, möchte ich auf LibreOffice beschränken.
Re: CSS-Datei speziell für LibreOffice?
Diese Trennlinie muss ja irgendwie vom gewählten GTK3-Thema abhängen. Während die Linie bei den meisten Themen tatsächlich sehr blass ausfällt, erscheint sie mit dem (überhaupt angenehm augenfreundlichen) Thema clearlooks-phenix in kräftigem Schwarz. Allerdings ist es mir nicht gelungen, das verantwortliche Element in den CSS-Dateien des Themas zu identifizieren.juribel hat geschrieben:25.02.2024 16:09:59In dem Pulldown-Menü für die Schriftart gibt es eine hauchdünne kaum sichtbare Trennlinie, die die Liste der zuletzt gewählten Schriften von der gesamten Liste der Schriften trennt. Das ist aber ein anderes CSS-Element, und das ändert sich nicht. In LibreOffice 6.4 war diese Linie deutlich sichtbar, und jetzt ist sie kaum noch zu erkennen.
Man kann übrigens ein von der globalen Einstellung abweichendes Thema exklusiv für LibreOffice nutzen, indem man die Desktopdatei /usr/share/applications/libreoffice-writer.desktop nach ~/.local/share/applications/ kopiert und dann die Exec-Zeile modifiziert:
Code: Alles auswählen
Exec=env GTK_THEME=clearlooks-phenix libreoffice --writer %U
Re: CSS-Datei speziell für LibreOffice?
Danke für den Tipp. Wenn es tatsächlich vom gewählten Thema abhängt, muss sich das ja eigentlich
auch identifizieren lassen
![Smile :-)](./images/smilies/icon_smile.gif)
Re: CSS-Datei speziell für LibreOffice?
Gerade habe ich mir das Theme installiert und kann es nachvollziehen: diese Linie erscheint tatsächlich schwarz statt hellgrau auf hellergrau. Dann geh ich jetzt mal auf die Suche... leider liegt das Theme nur in Form von css-Dateien vor und nicht im .scss-Quellenformat. Wenn ich etwas gefunden habe, berichte ich gerne.
Re: CSS-Datei speziell für LibreOffice?
Da hast Du Glück gehabt, denn diese Dateien kann man bearbeiten, ganz im Gegensatz zu den verschlossenen gresource Binaries, die mittlerweile in fast allen Themes verwendet werden.juribel hat geschrieben:26.02.2024 13:25:39... leider liegt das Theme nur in Form von css-Dateien vor und nicht im .scss-Quellenformat.
Wenn es um Systemthemes geht, kann ich Dir natürlich helfen, ich mache meine Themes schon lange selbst.
Also, in clearlooks gibt es in /usr/share/themes/clearlooks/gtk-3.0.
Darin die Dateien gtk.css, hier stehen die Default Variablen, auf die sich in gtk-widgets.css bezogen wird.
In gtk-widgets.css steht in Zeile 1778 schon, was Du wohl suchst. Hier kannst Du Deine Farbe als Hexa, z.B. #000000 für schwarz, eintragen. Wenn Du nach dem Begriff "separator" suchst, finden sich noch andere Stellen.
Auf diese Weise kannst Du das ganze Theme nach Deinen Vorstellungen neu gestalten... viel Spaß dabei.
Ich hatte übrigens in LO selbst mit den Entwicklerwerkzeugen geschaut, aber da gibt es nichts in der Richtung. Wenn ich das richtig verstanden habe, beziehen sich Änderungen nur auf das Dokument, aber nicht auf LO selbst z.B. das Menü. Unter "Anpassen" läßt sich auch noch einiges verändern, aber nicht mit CSS.
Re: CSS-Datei speziell für LibreOffice?
Danke für deine Hinweise!
Auch ich habe bereits einige Erfahrungen mit der Erstellung von themes sammeln können, seitdem ich bei der Suche auf ein Theme gestossen bin, welches nicht nur .css-Dateien enthält, sondern Sourcecode in Form von .scss-Dateien, die mit dem sass-Compiler in gültiges CSS übersetzt werden können und erheblich mehr Freiheiten bei der Formulierung der Stylesheets bieten.
Das Separator-Element in LibreOffice, das man bei mir kaum erkennen konnte, ist entgegen meiner Annahme kein Menü-Separator (diese hatte ich ja bereits gefunden und auch erfolgreich eingefärbt). Hier handelt es sich jetzt um das Separator-Element von treeview.view. Beides kann man in seinem Theme ändern, die Änderungen wirken aber auch (unabhängig vom gewählten Theme), wenn man sie in eine Datei ~/..config/gtk-3.0/gtk.scss schreibt und diese kompiliert, oder (das sollte ebenfalls funktionieren) auch direkt in eine Datei .../gtk.cs, hier zum Test in blauer Farbe:
Auch ich habe bereits einige Erfahrungen mit der Erstellung von themes sammeln können, seitdem ich bei der Suche auf ein Theme gestossen bin, welches nicht nur .css-Dateien enthält, sondern Sourcecode in Form von .scss-Dateien, die mit dem sass-Compiler in gültiges CSS übersetzt werden können und erheblich mehr Freiheiten bei der Formulierung der Stylesheets bieten.
Das Separator-Element in LibreOffice, das man bei mir kaum erkennen konnte, ist entgegen meiner Annahme kein Menü-Separator (diese hatte ich ja bereits gefunden und auch erfolgreich eingefärbt). Hier handelt es sich jetzt um das Separator-Element von treeview.view. Beides kann man in seinem Theme ändern, die Änderungen wirken aber auch (unabhängig vom gewählten Theme), wenn man sie in eine Datei ~/..config/gtk-3.0/gtk.scss schreibt und diese kompiliert, oder (das sollte ebenfalls funktionieren) auch direkt in eine Datei .../gtk.cs, hier zum Test in blauer Farbe:
Code: Alles auswählen
menu separator, .menu separator, .menuitem separator {
background-color: #00f;
border-radius: 2px;
}
treeview.view {
&.separator {
min-height: 2px;
color: #00f;
}
}
Re: CSS-Datei speziell für LibreOffice?
Ja, das funktioniert auch.juribel hat geschrieben:26.02.2024 16:14:32...oder (das sollte ebenfalls funktionieren) auch direkt in eine Datei .../gtk.cs,
Hier kann man auch z.B. nur für Thunar Änderungen einstellen, wenn man etwas nicht global haben will.
Man kann schon eine Menge machen, jetzt haben wir ja Zeit...
Dieses scss bzw. sass war mir nicht geläufig, ich kann mich ganz dunkel erinnern, das mal gelesen zu haben, habe das aber nicht weiter verfolgt.
Ich glaube, das direkte css ist weniger Aufwand für bereits vorhandene Themes.
Re: CSS-Datei speziell für LibreOffice?
Der treeview-Teil funktioniert bei mir nicht ... keine blaue Linie und Fehlerjuribel hat geschrieben:26.02.2024 16:14:32[...] hier zum Test in blauer Farbe:
Code: Alles auswählen
menu separator, .menu separator, .menuitem separator { background-color: #00f; border-radius: 2px; } treeview.view { &.separator { min-height: 2px; color: #00f; } }
Code: Alles auswählen
Theme parsing error: gtk.css:7:2: Expected semicolon
Code: Alles auswählen
treeview.view.separator {
min-height: 2px;
color: #00f;
}
Re: CSS-Datei speziell für LibreOffice?
Ich vermute, dass jedes Element innerhalb eines Blocks mit einem Semikolon abgeschlossen werden muss.Huo hat geschrieben:26.02.2024 18:45:25Kann jemand erklären, warum die Variante mit dem Ampersand (&) nicht funktioniert? Wo muss das laut Fehlermeldung fehlende Semikolon hin?
Was für die Dinge in der inneren Klammer gilt (und dort ja auch stimmt), gilt auch für den inneren Block selbst. Funktioniert's denn, wenn Du nach der vorletzten „Klammer zu“ ein Semikolon setzt?
Gruß
Gregor
Wenn man keine Probleme hat, kann man sich welche machen. ("Großes Lötauge", Medizinmann der M3-Hopi [und sog. Maker])
Re: CSS-Datei speziell für LibreOffice?
Oh sorry! Der Grund für den Fehler ist, dass ich den .scss-Quellcode gepostet habe und nicht daran dachte, dass der übersetzte CSS-Code anders aussieht. Gültiges CSS ist auch gültiger .scss-Code, aber nicht umgekehrt. .scss muss mit dem sassc-Compiler in gültiges CSS übersetzt werden. Dein Code ist genau das, was auch der Compiler als CSS ausspuckt.
Re: CSS-Datei speziell für LibreOffice?
Frage an die anderen Mitlesenden: Sollte dann nicht der „Empfänger“ – ich meine das per CSS gesteuerte Programm (hier im Thread LO) – darum kümmern, dass .scss-Dateien kompiliert werden? Oder ist ein sassc-Compiler ein so umfangreiches Gebilde, dass man das nicht in den Client einbauen kann?juribel hat geschrieben:26.02.2024 19:05:58Oh sorry! Der Grund für den Fehler ist, dass ich den .scss-Quellcode gepostet habe und nicht daran dachte, dass der übersetzte CSS-Code anders aussieht. Gültiges CSS ist auch gültiger .scss-Code, aber nicht umgekehrt. .scss muss mit dem sassc-Compiler in gültiges CSS übersetzt werden. Dein Code ist genau das, was auch der Compiler als CSS ausspuckt.
Gruß
Gregor
Wenn man keine Probleme hat, kann man sich welche machen. ("Großes Lötauge", Medizinmann der M3-Hopi [und sog. Maker])
Re: CSS-Datei speziell für LibreOffice?
Das würde wohl zu weit gehen. Der Standard und gemeinsame Nenner für Style sheets ist CSS. sassc ist ein Präprozessor für .scss-Dateien, die eine Erweiterung für CSS darstellen. Hinzu kommt, dass sassc nicht der einzige Präprozessor ist und .scss auch nicht die einzige Erweiterungssprache. .sass-Dateien bezwecken dasselbe, haben aber eine völlig andere nicht kompatible Syntax. Und dann gibt es noch (so hab ich gelesen) einen weiteren Präprozessor namens less. Wiederum eigentlich eine andere Sprache. Und alle Compiler spucken sauberes lauffähiges CSS aus.
.scss besitzt nach meiner Erfahrung einen Haufen Vorzüge gegenüber dem Programmieren in "reinem" CSS. Ich möchte hier jetzt nicht darauf eingehen, das lässt sich alles nachlesen.
.scss besitzt nach meiner Erfahrung einen Haufen Vorzüge gegenüber dem Programmieren in "reinem" CSS. Ich möchte hier jetzt nicht darauf eingehen, das lässt sich alles nachlesen.
Re: CSS-Datei speziell für LibreOffice?
Libreoffice wird da gar nichts machen, das kennt kein sass. Dass überhaupt die Gtk3-Ansicht erscheint, liegt an dem Paket libreoffice-gtk3, welches wohl Schnittstellen hat, die auf das Systemtheme zugreifen können. Genauso ist es mit libreoffice-qt5, welches ja auch die Qt-Ansicht eines entsprechenden Themes anpaßt. Ohne diese beiden Pakete sieht Libreoffice ganz anders aus, und dann würden auch die Einträge im Home von LO nichts bewirken.GregorS hat geschrieben:26.02.2024 19:13:38Frage an die anderen Mitlesenden: Sollte dann nicht der „Empfänger“ – ich meine das per CSS gesteuerte Programm (hier im Thread LO) – darum kümmern, dass .scss-Dateien kompiliert werden?
Ich habe es aber nicht ausprobiert, kannst Du aber mal machen, wenn Du Lust hast.
Re: CSS-Datei speziell für LibreOffice?
Danke juribel, KP97!
Demnach hat sich die Bedeutung/der Einsatzbereich von CSS in den letzten Jahren deutlich geändert.
Mist, dass man sich nicht um alles kümmern kann, was einen interessiert ...
Demnach hat sich die Bedeutung/der Einsatzbereich von CSS in den letzten Jahren deutlich geändert.
Mist, dass man sich nicht um alles kümmern kann, was einen interessiert ...
Wenn man keine Probleme hat, kann man sich welche machen. ("Großes Lötauge", Medizinmann der M3-Hopi [und sog. Maker])
Re: CSS-Datei speziell für LibreOffice?
@KP97: Danke für die gute Erklärung!
@GregorS: Ja, Mist, es ist ein Fass ohne Boden, aber sooo interessant![Smile :-)](./images/smilies/icon_smile.gif)
@GregorS: Ja, Mist, es ist ein Fass ohne Boden, aber sooo interessant
![Smile :-)](./images/smilies/icon_smile.gif)
Re: CSS-Datei speziell für LibreOffice?
Jedes Programm, welches Qt verwendet, kann mit CSS angepasst werden.