216 lines
4.6 KiB
Plaintext
216 lines
4.6 KiB
Plaintext
/* QDarkStyleSheet -----------------------------------------------------------
|
|
|
|
This is the main style sheet, the palette has nine colors.
|
|
|
|
It is based on three selecting colors, three greyish (background) colors
|
|
plus three whitish (foreground) colors. Each set of widgets of the same
|
|
type have a header like this:
|
|
|
|
------------------
|
|
GroupName --------
|
|
------------------
|
|
|
|
And each widget is separated with a header like this:
|
|
|
|
QWidgetName ------
|
|
|
|
This makes more easy to find and change some css field. The basic
|
|
configuration is described bellow.
|
|
|
|
BACKGROUND -----------
|
|
|
|
Light (unpressed)
|
|
Normal (border, disabled, pressed, checked, toolbars, menus)
|
|
Dark (background)
|
|
|
|
FOREGROUND -----------
|
|
|
|
Light (texts/labels)
|
|
Normal (not used yet)
|
|
Dark (disabled texts)
|
|
|
|
SELECTION ------------
|
|
|
|
Light (selection/hover/active)
|
|
Normal (selected)
|
|
Dark (selected disabled)
|
|
|
|
If a stranger configuration is required because of a bugfix or anything
|
|
else, keep the comment on the line above so nobody changes it, including the
|
|
issue number.
|
|
|
|
*/
|
|
/*
|
|
|
|
See Qt documentation:
|
|
|
|
- https://doc.qt.io/qt-5/stylesheet.html
|
|
- https://doc.qt.io/qt-5/stylesheet-reference.html
|
|
- https://doc.qt.io/qt-5/stylesheet-examples.html
|
|
|
|
--------------------------------------------------------------------------- */
|
|
/* QWidget ----------------------------------------------------------------
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QWidget {
|
|
background-color: transparent;
|
|
border: 0px;
|
|
padding: 0px;
|
|
color: #F0F0F0;
|
|
selection-background-color: #15191f;
|
|
selection-color: #F0F0F0;
|
|
}
|
|
|
|
QWidget:disabled {
|
|
background-color: #15191f;
|
|
color: #15191f;
|
|
selection-background-color: #15191f;
|
|
selection-color: #15191f;
|
|
}
|
|
|
|
QWidget::item:selected {
|
|
background-color: #15191f;
|
|
}
|
|
|
|
QWidget::item:hover {
|
|
background-color: #15191f;
|
|
color: #15191f;
|
|
}
|
|
|
|
/* QMainWindow ------------------------------------------------------------
|
|
|
|
This adjusts the splitter in the dock widget, not qsplitter
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmainwindow
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QMainWindow {
|
|
background-color: #15191f;
|
|
}
|
|
|
|
QMainWindow::separator {
|
|
background-color: #15191f;
|
|
border: 0px;
|
|
spacing: 0px;
|
|
padding: 2px;
|
|
}
|
|
|
|
QMainWindow::separator:hover {
|
|
background-color: #15191f;
|
|
border: 0px;
|
|
}
|
|
|
|
/* QToolTip ---------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtooltip
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QToolTip {
|
|
border: 1px solid #15191f;
|
|
color: #15191f;
|
|
padding: 0px;
|
|
background-color: #15191f;
|
|
color: #F0F0F0;
|
|
}
|
|
|
|
/* ... */
|
|
|
|
/* QLabel -----------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qframe
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QLabel {
|
|
border: 0px solid #15191f;
|
|
padding: 2px;
|
|
margin: 0px;
|
|
color: #F0F0F0;
|
|
}
|
|
|
|
QLabel:disabled {
|
|
background-color: #15191f;
|
|
border: 0px solid #15191f;
|
|
color: #15191f;
|
|
}
|
|
|
|
/* ... */
|
|
|
|
/* QLineEdit --------------------------------------------------------------
|
|
|
|
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qlineedit
|
|
|
|
--------------------------------------------------------------------------- */
|
|
QLineEdit {
|
|
background-color: #15191f;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
border-style: solid;
|
|
border: 1px solid #15191f;
|
|
border-radius: 5px;
|
|
color: #f0f0f0;
|
|
|
|
height: 28px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
QLineEdit:disabled {
|
|
background-color: #15191f;
|
|
color: #15191f;
|
|
}
|
|
|
|
QLineEdit:hover {
|
|
border: 1px solid #15191f;
|
|
color: #F0F0F0;
|
|
}
|
|
|
|
QLineEdit:focus {
|
|
border: 1px solid #15191f;
|
|
}
|
|
|
|
QLineEdit:selected {
|
|
background-color: #15191f;
|
|
color: #15191f;
|
|
}
|
|
|
|
/* APPLICATION SPECIFIC CSS */
|
|
|
|
.EmojiLineEdit {
|
|
padding: 2px 5px 2px 5px;
|
|
height: 28px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.EmojiLineEdit_previewLabel {
|
|
padding-left: 5px;
|
|
font-size: 14px;
|
|
color: rgba(240, 240, 240, 0.60);
|
|
}
|
|
|
|
.EmojiLineEdit_favsLabel,
|
|
.EmojiLineEdit_helpLabel {
|
|
padding: 1px 2px 1px 2px;
|
|
border-radius: 5px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.EmojiLineEdit_favsLabel:hover,
|
|
.EmojiLineEdit_helpLabel:hover {
|
|
background-color: rgba(240, 240, 240, 0.33);
|
|
}
|
|
|
|
.EmojiPicker_emojiLabel {
|
|
padding: 2px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.EmojiPicker_emojiLabel.useFont {
|
|
padding: 0px;
|
|
border-radius: 5px;
|
|
/* font-size: 28px; */
|
|
}
|
|
|
|
.EmojiPicker_emojiLabel:hover {
|
|
background-color: rgba(240, 240, 240, 0.33);
|
|
}
|