search

QupZilla / qupzilla

Cross-platform Qt web browser
http://www.qupzilla.com
GNU General Public License v3.0
1.11k stars 350 forks source link

userChrome.css? #2581

Closed ghost closed 6 years ago

ghost commented 6 years ago

Since version 2.2.4 we have this. Any pointer about how to use, implement it?

ghost commented 6 years ago

It's just in addition to current theme. It also overrides the already defined elements. For example, save the following in the current profile directory and see what's going on:

UserChrome.css ``` css #mainwindow { background : green; } BookmarksToolbarButton, #navigation-button-back, #navigation-button-next, #navigation-button-stop, #navigation-button-reload, #navigation-button-home, #navigation-button-addtab, #navigation-button-tools, #navigation-button-exitfullscreen, #navigation-button-supermenu, #navigationbar ToolButton[toolbar-look="true"] { background-color: red; border-style: solid; border-radius: 2px; border-width: 1px; border-color: white; padding: 4px; margin: 1px; } ```

More, how to style themes here

ghost commented 6 years ago

Thank you. Hasn't been this possible for a long time? I used to have a minimal one just to adapt the scroll bar style to my Qt5 one (but the QupZilla has implemented to have the system style overriding the Chrome one).

ghost commented 6 years ago

You probably mean custom css, which overrides the web pages style and userChrome.css overrides the Qt style.

ghost commented 6 years ago

Right, probably. Thank you; nice to have.

nowrep commented 6 years ago

Yes, you can use it to style browser interface instead of webpages.