This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm whether you accept or reject these cookies being set.

A cookie will be stored in your browser regardless of choice to prevent you being asked this question again. You will be able to change your cookie settings at any time using the link in the footer.

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)