diff --git a/photobooth/gui/Qt5Gui/__init__.py b/photobooth/gui/Qt5Gui/__init__.py index dd001be..b14ad75 100644 --- a/photobooth/gui/Qt5Gui/__init__.py +++ b/photobooth/gui/Qt5Gui/__init__.py @@ -20,6 +20,8 @@ # Available style sheets as tuples of (style name, style file) styles = (('default', 'stylesheets/default.qss'), ('dark', 'stylesheets/dark.qss'), - ('pastel', 'stylesheets/pastel.qss')) + ('dark (800*600)', 'stylesheets/small-dark.qss'), + ('pastel', 'stylesheets/pastel.qss'), + ('pastel (800*600)', 'stylesheets/small-pastel.qss')) from .PyQt5Gui import PyQt5Gui # noqa diff --git a/photobooth/gui/Qt5Gui/images/small-arrow.png b/photobooth/gui/Qt5Gui/images/small-arrow.png new file mode 100644 index 0000000..f7cf86a Binary files /dev/null and b/photobooth/gui/Qt5Gui/images/small-arrow.png differ diff --git a/photobooth/gui/Qt5Gui/images/small-camera.png b/photobooth/gui/Qt5Gui/images/small-camera.png new file mode 100644 index 0000000..7a4e310 Binary files /dev/null and b/photobooth/gui/Qt5Gui/images/small-camera.png differ diff --git a/photobooth/gui/Qt5Gui/stylesheets/small-dark.qss b/photobooth/gui/Qt5Gui/stylesheets/small-dark.qss new file mode 100644 index 0000000..65ad473 --- /dev/null +++ b/photobooth/gui/Qt5Gui/stylesheets/small-dark.qss @@ -0,0 +1,237 @@ +/* Outer items */ + +QWidget { + background-color: transparent; + color: #eeeeee; + font-family: AmaticSC, sans-serif; + font-size: 30px; +} + +QMainWindow { + background: #000000; + color: #eeeeee; +} + +/* General controls */ + +QPushButton { + background-color: transparent; + border-style: outset; + border-width: 1px; + border-radius: 8px; + border-color: #eeeeee; + padding: 8px; +} + +QPushButton:pressed { + background-color: #66eeeeee; +} + +/* Idle Screen */ + +QFrame#IdleMessage { + background-image: url(photobooth/gui/Qt5Gui/images/small-arrow.png); + background-repeat: no-repeat; + padding: 80px 40px 60px 40px; +} + +QFrame#IdleMessage QLabel { + font-size: 80px; + qproperty-alignment: AlignCenter; +} + +QFrame#IdleMessage QPushButton { + color: rgba(255, 27, 0, 200); + font-size: 120px; + text-align: center; +} + +QFrame#IdleMessage QPushButton:pressed { + background-color: rgba(255, 27, 0, 200); + color: #eeeeee; +} + +/* Greeter Screen */ + +QFrame#GreeterMessage { + padding: 30px; +} + +QFrame#GreeterMessage QLabel#title { + font-size: 100px; + margin: 0; + padding: 0; + qproperty-alignment: AlignCenter; +} + +QFrame#GreeterMessage QPushButton#button { + border: none; + font-size: 80px; + margin: 0; + min-height: 100px; + padding: 0; + text-align: center; +} + +QFrame#GreeterMessage QLabel#message { + font-size: 80px; + margin: 0; + padding: 0; + 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/small-camera.png); + background-repeat: no-repeat; + padding: 280px 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: 70px; + 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::pane { + background-color: #eeeeee; + border-style: outset; + border-width: 1px; + border-radius: 15px; + border-color: #eeeeee; + color: #eeeeee; + padding: 10px; +} + +QTabWidget::tab-bar { + alignment: center; +} + +QTabBar::tab { + 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: #33ffffff; +} + +QGroupBox { + background-color: transparent; + border-style: outset; + border-width: 1px; + border-radius: 15px; + border-color: #eeeeee; + margin: 0px; + padding: 4px; +} + +QTabWidget QWidget { + color: #333333; + font-size: 30px; +} + +QCheckBox::indicator { + width: 30px; + height: 30px; + background-color: transparent; + border-style: outset; + border-width: 2px; + border-radius: 5px; + border-color: #333333; +} + +QCheckBox::indicator::checked { + background-image: url(photobooth/gui/Qt5Gui/images/checkmark.png); + background-repeat: no-repeat; +} + +QComboBox, QDateEdit, QLineEdit, QSpinBox, QTimeEdit { + background-color: #eeeeee; + color: #333333; +} + +QComboBox QAbstractItemView { + background-color: #cccccc; + color: #333333; + selection-background-color: #eeeeee; + selection-color: #333333; +} + +QComboBox QAbstractItemView::item { + margin: 5px; + min-height: 50px; +} diff --git a/photobooth/gui/Qt5Gui/stylesheets/small-pastel.qss b/photobooth/gui/Qt5Gui/stylesheets/small-pastel.qss new file mode 100644 index 0000000..6016c2b --- /dev/null +++ b/photobooth/gui/Qt5Gui/stylesheets/small-pastel.qss @@ -0,0 +1,238 @@ +/* Outer items */ + +QWidget { + background-color: transparent; + color: #eeeeee; + font-family: AmaticSC, sans-serif; + font-size: 30px; +} + +QMainWindow { + background: #ffffff qlineargradient(x1:0 y1:1, x2:1, y2:0, stop:0 rgba(255,165,150,255), stop:1 rgba(0,228,255,112)); + color: #eeeeee; +} + +/* General controls */ + +QPushButton { + background-color: transparent; + border-style: outset; + border-width: 1px; + border-radius: 8px; + border-color: #eeeeee; + padding: 8px; +} + +QPushButton:pressed { + background-color: #66eeeeee; +} + +/* Idle Screen */ + +QFrame#IdleMessage { + background-image: url(photobooth/gui/Qt5Gui/images/small-arrow.png); + background-repeat: no-repeat; + padding: 80px 40px 60px 40px; +} + +QFrame#IdleMessage QLabel { + font-size: 80px; + qproperty-alignment: AlignCenter; +} + +QFrame#IdleMessage QPushButton { + color: rgba(255, 27, 0, 200); + font-size: 120px; + text-align: center; +} + +QFrame#IdleMessage QPushButton:pressed { + background-color: rgba(255, 27, 0, 200); + color: #eeeeee; +} + +/* Greeter Screen */ + +QFrame#GreeterMessage { + padding: 30px; +} + +QFrame#GreeterMessage QLabel#title { + font-size: 100px; + margin: 0; + padding: 0; + qproperty-alignment: AlignCenter; +} + +QFrame#GreeterMessage QPushButton#button { + border: none; + font-size: 80px; + margin: 0; + min-height: 100px; + padding: 0; + text-align: center; +} + +QFrame#GreeterMessage QLabel#message { + font-size: 80px; + margin: 0; + padding: 0; + 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/small-camera.png); + background-repeat: no-repeat; + padding: 280px 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: 70px; + 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::pane { + background-color: #eeeeee; + border-style: outset; + border-width: 1px; + border-radius: 15px; + border-color: #eeeeee; + color: #333333; + padding: 10px; + margin: 0; +} + +QTabWidget::tab-bar { + alignment: center; +} + +QTabBar::tab { + background-color: transparent; + border-style: outset; + border-width: 2px; + border-top-left-radius: 15px; + border-top-right-radius: 15px; + border-color: #eeeeee; + padding: 8px; +} + +QTabBar::tab:selected { + background-color: #66ffffff; +} + +QGroupBox { + background-color: transparent; + border-style: outset; + border-width: 1px; + border-radius: 15px; + border-color: #eeeeee; + margin: 0px; + padding: 4px; +} + +QTabWidget QWidget { + color: #333333; + font-size: 30px; +} + +QCheckBox::indicator { + width: 30px; + height: 30px; + background-color: transparent; + border-style: outset; + border-width: 2px; + border-radius: 5px; + border-color: #333333; +} + +QCheckBox::indicator::checked { + background-image: url(photobooth/gui/Qt5Gui/images/checkmark.png); + background-repeat: no-repeat; +} + +QComboBox, QDateEdit, QLineEdit, QSpinBox, QTimeEdit { + background-color: #eeeeee; + color: #333333; + font-size: 30px; +} + +QComboBox QAbstractItemView { + background-color: #cccccc; + color: #333333; + selection-background-color: #eeeeee; + selection-color: #333333; +} + +QComboBox QAbstractItemView::item { + margin: 5px; + min-height: 50px; +}