+- Selur's Little Message Board (https://forum.selur.net)
+-- Forum: Hybrid - Support (https://forum.selur.net/forum-1.html)
+--- Forum: Problems & Questions (https://forum.selur.net/forum-3.html)
+--- Thread: UI Colour Themes (/thread-1073.html)
UI Colour Themes - Execrated - 13.07.2019
Is there a way to change the colours of UI elements in Hybrid? If it's not an option in the application, can any of the config files be modified without too much risk? Basically just looking for a dark theme for Hybrid.
RE: UI Colour Themes - Selur - 13.07.2019
Hybrid can be styled (see links at the bottom of https://forum.selur.net/showthread.php?tid=10).
To start on a dark theme:
1. download black-blue_plastique.qss from http://forum.selur.de/topic255-hybrid-and-styling.html
2. start Hybrid with Hybrid -stylesheet=black-blue_plastique.qss
Alternatively create a 'styles'-folder next to your Hybrid binary, place the qss in it, start Hybrid, select the qss under Config->Views->Style sheet.
(Switch to another style, modify the qss, switch back to the modified qss)
I never found the time to come up with some proper style sheets, so happy tinkering.
Cu Selur
RE: UI Colour Themes - Selur - 13.07.2019
Here an additional example of a style file:
/* Global Window */
QMainWindow
{
background-color: black;
border: 1px solid black;
}
/* DROP DOWN */
QComboBox {
border: 1px solid gray;
}
/* GENERAL WIDGETS */
QWidget
{
color: #99004d;
background-color: black;
}
/* TOOL TIP */
QToolTip
{
border: 1px solid black;
background-color: #ffa02f;
}
/* PUSH BUTTON */
QPushButton
{
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #2198c0, stop: 1 #0d5ca6);
border-style: outset;
padding: 2px;
}
/* MENU BAR */
QMenuBar
{
border: 1px solid black;
background-color: #33334d;
color: green;
}
QMenuBar::item
{
background: transparent;
}
QMenuBar::item:selected
{
background: transparent;
border: 1px solid #ffaa00;
}
/* TAB BAR */
QTabBar
{
background-color: #33334d;
color: green;
padding: 2px;
}
QTabBar::tab
{
background: transparent;
min-width: 8ex;
}
QTabBar::tab:selected {
background: #5c5c8a;
}
/* PROGRESS BAR */
QProgressBar
{
background-color: transparent;
color: gray;
border: 1px solid black;
}
QProgressBar::chunk {
background-color: aqua;
}
/* LINE EDIT */
QLineEdit
{
color: white;
}
QLineEdit[readOnly="true"]
{
color: gray;
}
/* TREE WIDGET */
QTreeView {
color: white;
background-color: gray;
border-color: #9B9B9B;
show-decoration-selected: 1;
}
QTreeWidget QHeaderView::section {
color: yellow;
background-color: blue;
}
QTreeView::item:hover,QTreeView::item:hover:selected:active {
background-color: #999999;
}
QTreeView::item:selected, QTreeView::item:selected:active, QTreeView::item:selected:!active {
background-color: #4d4d4d;
}
/* */Cu Selur
RE: UI Colour Themes - Execrated - 13.07.2019
(13.07.2019, 07:00)Selur Wrote: Hybrid can be styled (see links at the bottom of https://forum.selur.net/showthread.php?tid=10).Thank you, I'll play around with this later.
To start on a dark theme:
1. download black-blue_plastique.qss from http://forum.selur.de/topic255-hybrid-and-styling.html
2. start Hybrid with Hybrid -stylesheet=black-blue_plastique.qss
Alternatively create a 'styles'-folder next to your Hybrid binary, place the qss in it, start Hybrid, select the qss under Config->Views->Style sheet.
(Switch to another style, modify the qss, switch back to the modified qss)
I never found the time to come up with some proper style sheets, so happy tinkering.
Cu Selur