13.07.2019, 00:50
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.
13.07.2019, 00:50
13.07.2019, 07:00
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
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
13.07.2019, 10:14
Here an additional example of a style file:
Cu Selur
Code:
/* 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
13.07.2019, 18:10
(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