UI Colour Themes
#1
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.
Reply
#2
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
Reply
#3
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
Reply
#4
(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).

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
Thank you, I'll play around with this later.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)