/* 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);
}