From 6bac27207da817283ae8596d70d9ba1b1b6af9cd Mon Sep 17 00:00:00 2001
From: Balthasar Reuter <github@re-web.eu>
Date: Tue, 3 Jul 2018 01:34:19 +0200
Subject: [PATCH] dark stylesheet updated

---
 photobooth/gui/Qt5Gui/stylesheets/dark.qss | 234 ++++++++++++++++-----
 1 file changed, 183 insertions(+), 51 deletions(-)

diff --git a/photobooth/gui/Qt5Gui/stylesheets/dark.qss b/photobooth/gui/Qt5Gui/stylesheets/dark.qss
index 6511227..d837ffa 100644
--- a/photobooth/gui/Qt5Gui/stylesheets/dark.qss
+++ b/photobooth/gui/Qt5Gui/stylesheets/dark.qss
@@ -1,13 +1,170 @@
-QMainWindow, QWidget {
-    background-color: black;
+/* Outer items */
+
+QWidget {
+    background-color: transparent;
     color: #eeeeee;
+    font-family: AmaticSC, sans-serif;
+    font-size: 50px;
+}
+
+QMainWindow {
+    background: #000000;
+    color: #eeeeee;
+}
+
+/* General controls */
+
+QPushButton {
+    background-color: transparent;
+    border-style: outset;
+    border-width: 1px;
+    border-radius: 15px;
+    border-color: #eeeeee;
+    padding: 10px;
+}
+
+QPushButton:pressed {
+    background-color: #66eeeeee;
+}
+
+/* Idle Screen */
+
+QFrame#IdleMessage {
+    background-image: url(photobooth/gui/Qt5Gui/images/arrow.png);
+    background-repeat: no-repeat;
+    padding: 80px 400px 120px 80px;
+}
+
+QFrame#IdleMessage QLabel {
+    font-size: 160px;
+    qproperty-alignment: AlignCenter;
+}
+
+QFrame#IdleMessage QPushButton {
+    border: none;
+    color: rgba(255, 27, 0, 200);
+    font-size: 200px;
+    text-align: center;
+}
+
+QFrame#IdleMessage QPushButton:pressed {
+    background-color: rgba(255, 27, 0, 200);
+    color: #eeeeee;
+}
+
+/* Greeter Screen */
+
+QFrame#GreeterMessage {
+    padding: 50px;
+}
+
+QFrame#GreeterMessage QLabel#title {
+    font-size: 180px;
+    qproperty-alignment: AlignCenter;
+}
+
+QFrame#GreeterMessage QPushButton#button {
+    border: none;
+    font-size: 120px;
+    margin: 60px 0 20px 0;
+    min-height: 160px;
+    padding: 0;
+    text-align: center;
+}
+
+QFrame#GreeterMessage QLabel#message {
+    font-size: 120px;
+    qproperty-alignment: AlignCenter;
+}
+
+/* Countdown Screen */
+
+QFrame#CountdownMessage {
+    background-color: #eeeeee;
+    border-style: outset;
+    border-width: 2px;
+    border-radius: 30px;
+    border-color: #eeeeee;
+    margin: 20px;
+    padding: 30px;
+}
+
+/* Pose Screen */
+
+QFrame#PoseMessage {
+    background-image: url(photobooth/gui/Qt5Gui/images/camera.png);
+    background-repeat: no-repeat;
+    padding: 380px 80px 80px 80px;
+}
+
+QFrame#PoseMessage QLabel {
+    font-size: 120px;
+    qproperty-alignment: AlignCenter;
+}
+
+/* Wait Screen */
+
+QFrame#WaitMessage {
+    padding: 350px 80px 80px 80px;
+}
+
+QFrame#WaitMessage QLabel {
+    font-size: 110px;
+    qproperty-alignment: AlignCenter;
+}
+
+/* Picture Screen */
+
+QFrame#PictureMessage {
+    margin: 30px;
+}
+
+/* Overlay message */
+
+QWidget#TransparentOverlay {
+    background-color: #aaeeeeee;
+    border-style: outset;
+    border-width: 2px;
+    border-radius: 30px;
+    border-color: #eeeeee;
+    color: #333333;
+    padding: 40px;
+}
+
+/* Postprocess message */
+
+QWidget#PostprocessMessage QLabel {
+    color: #333333;
+    font-size: 110px;
+    qproperty-alignment: AlignCenter;
+}
+
+QWidget#PostprocessMessage QPushButton {
+    color: #333333;
+    border-color: #333333;
+    margin: 20px;
+}
+
+QWidget#PostprocessMessage QPushButton:pressed {
+    background-color: #66eeeeee;
+}
+
+QWidget#PostprocessMessage QPushButton:disabled {
+    background-color: #66eeeeee;
+    color: #33eeeeee;
+    border-color: #33eeeeee;
 }
 
 /* Customizing settings */
 
-QTabWidget {
-    background-color: black;
+QTabWidget::pane {
+    background-color: #eeeeee;
+    border-style: outset;
+    border-width: 1px;
+    border-radius: 15px;
+    border-color: #eeeeee;
     color: #eeeeee;
+    padding: 10px;
 }
 
 QTabWidget::tab-bar {
@@ -15,77 +172,52 @@ QTabWidget::tab-bar {
 }
 
 QTabBar::tab {
-    background-color: #333333;
+    background-color: transparent;
     border-style: outset;
     border-width: 2px;
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
     border-color: #eeeeee;
+    color: #eeeeee;
     padding: 8px;
 }
 
 QTabBar::tab:selected {
-    background-color: #666666;
+    background-color: #33ffffff;
+}
+
+QTabWidget QWidget {
+    color: #333333;
 }
 
 QCheckBox::indicator {
-    width: 25px;
-    height: 25px;
-    background-color: #333333;
+    width: 45px;
+    height: 45px;
+    background-color: transparent;
     border-style: outset;
     border-width: 2px;
     border-radius: 5px;
-    border-color: #eeeeee;
-}
-
-QCheckBox::indicator::unchecked {
-    background: none;
+    border-color: #333333;
 }
 
 QCheckBox::indicator::checked {
-    background-color: #eeeeee;
+    background-image: url(photobooth/gui/Qt5Gui/images/checkmark.png);
+    background-repeat: no-repeat;
 }
 
 QComboBox, QDateEdit, QLineEdit, QSpinBox, QTimeEdit {
-    height: 25px;
-    background-color: #333333;
-    border-style: outset;
-    border-width: 2px;
-    border-radius: 5px;
-    border-color: #eeeeee;
-    padding: 8px;
+    background-color: #eeeeee;
+    color: #333333;
 }
 
 QComboBox QAbstractItemView {
-    background-color: #333333;
-    selection-background-color: #666666;
-    border-style: outset;
-    border-width: 2px;
-    border-radius: 5px;
-    border-color: #eeeeee;
-    padding: 8px;
+    background-color: #cccccc;
+    color: #333333;
+    selection-background-color: #eeeeee;
+    selection-color: #333333;
 }
 
-QComboBox::drop-down, QDateEdit::drop-down, QSpinBox::down-button, 
-QTimeEdit::down-button {
-    background: #666666;
-    color: #eeeeee;
-    border: none;
-    width: 20px;
-}
-
-QSpinBox::up-button, QTimeEdit::up-button {
-    background: #999999;
-    color: #eeeeee;
-    border: none;
-    width: 20px;
-}
-
-QPushButton {
-    background-color: #333333;
-    border-style: outset;
-    border-width: 2px;
-    border-radius: 15px;
-    border-color: #eeeeee;
-    padding: 8px;
+QComboBox QAbstractItemView::item {
+    margin: 5px;
+    min-height: 50px;
 }