Add styling for QScrollBar/QComboBox controls for the Steam Deck theme

.gitattributes

@@ -1,2 +1,4 @@
 # Auto detect text files and perform LF normalization
 * text=auto
+
+pupgui2/resources/themes/steamdeck/__init__.py binary

pupgui2/resources/themes/__init__.py

@@ -0,0 +1,3 @@
+import pupgui2.resources.themes.steamdeck as steamdeck
+
+__all__ = ["steamdeck"]

pupgui2/resources/themes/steamdeck/__init__.py

@@ -0,0 +1,159 @@
+# Resource object code (Python 3)
+# Created by: object code
+# Created by: The Resource Compiler for Qt version 6.8.2
+# WARNING! All changes made in this file will be lost!
+
+from PySide6 import QtCore
+
+qt_resource_data = b"\
+\x00\x00\x02\xb5\
+\x00\
+\x00\x0b\xc1x\x9c\xd5VQo\x9b0\x10~\xcf\xafp\
+3M\xda*\x91\x10\xa0I\xe3\xbcu\xad\xb4I\xd3\xba\
+j\xd1\xf6\xec\xe0\x0bX\x01\x8cl\xd3\xa4\xab\xf6\xdfw\
+\x04H\x02\x84\xa8\xdbZi\xe5\x05\xe9l\x7f\xf7}w\
+\xf7\x19\x86\xe7d\x1e\x0aM\x96\x22\x02\x82o\x96\x19i\
+\x05\x90\x80b\x068Y*\x19\x93\xbe6\x0f\x11\xe8\x10\
+\xc0\x0c\xd2\x87>9\x1f\xf6\x86\xe7\xe4\xfa\x96|\xb9\x9d\
+\x93\x9b\xebO\xf3\xb3\xb3\xb3<\xd8\xbb\xfb!x\x00\x86\
+<\xf6\x08>\xbe\x8c\xa4\xa2\xe4\x0dl\x9f\xd96\xb6`\
+\xfe*P2K\xb8U-\x8f&#\xee\x5c\x14\xcbK\
+\x99\x18k\x0d\x22\x08\x0d%\xaem\xcfz\xbfzw_\
+3\x1d^e\xc6\xc8\xa4\x04>\x02\xe2\x5c:\xdc\x1d\x97\
+9\xa4\xe2\xa0,\xc5\xb8\xc84%N\xba)\xe2)\xe3\
+\x5c$\x01%\x97y\x04\x81?\x0bmj\x8c\x9f\x0b\xf8\
+\x83\x8c\x17\xf2Jn\x9e\x19v.e\xf4B\x85H\xe0\
+\x86\x8b\xe7.\xc3G`\xb8\xf1\xbb\x80u\x09\xbc\xdb1\
+j\xed\xa0T\x83o\xc4Ii\xb6\xe39\x8b'r\xf0\
+Z=\xa6T\x18\x88\x9bL\xaa}\xfb!\xa3\xa1\xbc\x07\
+\xd5M\xc3\x1b{\xfc\xe2\xb2y(U\xa05\x1a\xa6\xf3\
+\x98;u\x97\xde\xb4y\x8c\x0b\xcd\x16\xd1\xa9sh\x0e\
+\xdb\x19wU\x0b\xc9*\xf1\x13]\xc3\xa2\x12\x22f*\
+\x10\x89\x15\xc1\x12-dWu)\xa3\xaap\x96\xd3]\
+~\x8a\xda\x8d\xf0\x9bpF\xa6m\xb4\x85D\x0d\xf1\x1e\
+n\x9eK)\xd0\x0eJ]#4j8\x84R\xaed\
+jq\xb9\xae\x1a\xaf\xb3\x85\x8fz\x94\x8c,\x94\x86'\
+i\xd9\xecYs9\x95Zl)\x13dG\xb6\xd2\x1a\
+C\xe0\x0c\xec\xc6`T\x15\xf0\xaax\xd7 \xad\x057\
+!\xf2\x1dW\x01\x11\xb3\x00(\xc9T\xf4\xaeO\x87\xd8\
+m\x99)\x1f\xf4\xd0\x84\x10\xe3K\x1b`1\x07\x7f5\
+\x14\xc8\xcf\xda\xa9\x1a\xe8\xfb\xa0\xff\xbeh\xbb\x92A>\
+%W\xec\xc4t\xfd\x91\xd1v*\x0cl\x8c\xc5\x22\x11\
+`1|HL^\xadzFJ\xfd0KV'\xe6\
+\xd3\xf7\xbc\x8bQ-qY\x03\xbbQ\x13\xe7\xed\x16\xfc\
+\x9b\x8fM\x88\xf6b\xea\xe6>\xc5\xbf\x9d\xdd(\x96\xe8\
+\x94)\xa4^\xc7>>\x8e\x98c\x9anZ\xc4\xf2`\
+\xe3x\x87=\xb6\xa2\xca\xfdy4,?9G\x10(\
+\xca\xb2\x22\xbc ;\xa9<u\x94&\xadl\x93\xee\x8a\
+\xd4\x06\xe1\x88'\x8a\xec'<Q\x98\xb3)\x06\xb7\xbe\
+F1h\xf0\xce\xb6t\xb6\xf8?\xd5R^T\x1d}\
+ymj\xf2k\xbd)&d\x09\xc7\xbf\xc9\x7f\xba\xe3\
+b\xfcd\x94\x8a\x5c\xfb0\x18\xee\xfe\x0e\xdbV\xcdR\
+\x8b)%\xab\xdf\x8d\xaa\x22n\xab\x22\xee\xdf\xdd\xea\x15\
+\xfe\xc1\xa5~\x90=\xbf\xee_6\xff>\xc3\x9e\xc1o\
+h\xf3\xb2\x87\
+\x00\x00\x00\xb6\
+\x00\
+\x00\x00\xf0x\x9c-\x8e\xd1\x0e\x820\x0cE\xdf\xf9\x8a\
+\xa6>\xb3\xad\xdb\x001\x8c\x07\xff\xc4Le$ F\
+\x17F\xfcz\xcb\xb4Ion\xda\x93\xdbv\xefu\x80\
+p\x1b\x87\x10\x1d\x1a\xad\x10\xd6\xf1\x96\xce\xcb\xe6P\x81\
+\x02\x9e@\x9e\xa6\xf1\x1a\xc3\x9f\xd8\xe6\xe9\xf1v\x18b\
+|\x9e\xa4L)\x89d\xc4\xf2\x1a\xa4VJI\x0e\xc4\
+\xbe\x00\xae\xeey\x89\x01\xae\x0egK\xd0\xd4\xc26U\
+\xd0\xe6\xe85\x09\x9b\xb3\x05\x81\xaeD\x0b\xd4\x80\xa5\xa9\
+$bK\xad/[\xdes\x97\xda\x8a:\x1bc\x98R\
+\x99\x10Tf\x86\xaa\xdd\xedb\x19\xe0\x03\xd4\xb0~0\
+_\xfe\xd5}\x9c&\x87\x07\xef=\xca\xbe\xe8\xf6\xcf\xfa\
+/WB:\x18\
+\x00\x00\x00\xc9\
+\x00\
+\x00\x01\x0ax\x9c-\x8e\xcd\x8a\xc30\x0c\x84\xef}\x0a\
+\xe1=[\x96d;Y/q\x0e}\x93\xe2\xb6q \
+\xfdak\xea\xb2O\xbfN\xda\x0f$\xc4\xcc fx\
+<'\xc8\xa7y\xca%*+\xa4\xe09\x9f\xea\xfe\xf6\
+\x8a\x8a\x80\xa0)\xb0\xa9u>\x96\xfcI\xbc.\xcb\xf5\
+\x11U.\xe5\xfecL\xad\x15\xab\xc5\xdb\xefd\x84\x88\
+L{\xa8\xc6\x1d4\x86\xfb\xa1d8Fu\x91> \
+\xb1w\x1d\x88\xb3\xe8\xc5g-\xb6\xc7\xb0\xd2'-\x8c\
+\x0eH[A\xa6\x15\xd6\xe21h\xee\xb5\xe3\x85\xf9\xfb\
+\x13\xd4\xcc!\x05t\xbaM{\x84\xddvX\x8b\x01\xa8\
+\xc5\x02\xac>{\x14h\x8b\xc1\xa1\x07\xc7\x9a\xbb\xe6;\
+\xfeS[\xa77\xe7yY\xa2\xfaJ))3\xee\x86\
+\xb5\xf3\xf8\x0f\x89K?\x8a\
+\x00\x00\x00\xb8\
+\x00\
+\x00\x00\xf1x\x9c%N]\x0f\x820\x0c|\xf7W4\
+\xf5y\x1f\xdd\x06\x88a<\xf8O\xccTF\x02bt\
+a\xc4_o\x99M\xda\x5c\xaf\x97\xbbv\x9fu\x80x\
+\x1f\x87\x98<\xd6N#\xac\xe3=_\x96\xcd\xa3\x06\x0d\
+\xd6h(l\x1eo)z\xe4\x1da\x9b\xa7\xe7\xc7c\
+L\xe9uV*\xe7,\xb3\x95\xcb{PFk\xad\xd8\
+\x10\xfb\x03pu\xafk\x8ap\xf38;\x02ck\xe9\
+\x9a*\x1a{\x0a\x86\xa4+\xe6\x92\xf9J\xb6@\x0d8\
+\x9a\x04\x11Cj\x83h\xf9\xce-\x8c\x93u\x01\xd6\xb2\
+J\x17\x85$Q4T\xedh\x1f\x8e\x05\x9c@\x0d\xcf\
+/\x96\xe8\x7f=\xc6i\xf2x\x0c!\xa0\xea\x0f\xdd\xfe\
+Z\xff\x03\x96\x01:P\
+"
+
+qt_resource_name = b"\
+\x00\x09\
+\x0alxC\
+\x00r\
+\x00e\x00s\x00o\x00u\x00r\x00c\x00e\x00s\
+\x00\x06\
+\x07\xae\xc3\xc3\
+\x00t\
+\x00h\x00e\x00m\x00e\x00s\
+\x00\x09\
+\x0b\x83^\xdb\
+\x00s\
+\x00t\x00e\x00a\x00m\x00d\x00e\x00c\x00k\
+\x00\x0e\
+\x03\xc2\xd5\xc3\
+\x00s\
+\x00t\x00y\x00l\x00e\x00s\x00h\x00e\x00e\x00t\x00.\x00q\x00s\x00s\
+\x00\x13\
+\x0a4fG\
+\x00i\
+\x00c\x00o\x00n\x00-\x00d\x00o\x00w\x00n\x00-\x00a\x00r\x00r\x00o\x00w\x00.\x00s\
+\x00v\x00g\
+\x00\x11\
+\x01R\xb3\xa7\
+\x00i\
+\x00c\x00o\x00n\x00-\x00u\x00p\x00-\x00a\x00r\x00r\x00o\x00w\x00.\x00s\x00v\x00g\
+\
+\x00\x12\
+\x0a$\xb9g\
+\x00i\
+\x00c\x00o\x00n\x00-\x00d\x00r\x00o\x00p\x00-\x00d\x00o\x00w\x00n\x00.\x00s\x00v\
+\x00g\
+"
+
+qt_resource_struct = b"\
+\x00\x00\x00\x00\x00\x02\x00\x00\x00\x01\x00\x00\x00\x01\
+\x00\x00\x00\x00\x00\x00\x00\x00\
+\x00\x00\x00\x00\x00\x02\x00\x00\x00\x01\x00\x00\x00\x02\
+\x00\x00\x00\x00\x00\x00\x00\x00\
+\x00\x00\x00\x18\x00\x02\x00\x00\x00\x01\x00\x00\x00\x03\
+\x00\x00\x00\x00\x00\x00\x00\x00\
+\x00\x00\x00*\x00\x02\x00\x00\x00\x04\x00\x00\x00\x04\
+\x00\x00\x00\x00\x00\x00\x00\x00\
+\x00\x00\x00\x90\x00\x01\x00\x00\x00\x01\x00\x00\x03s\
+\x00\x00\x01\x96+}A\xa5\
+\x00\x00\x00B\x00\x01\x00\x00\x00\x01\x00\x00\x00\x00\
+\x00\x00\x01\x96g\xd1\xce\x1d\
+\x00\x00\x00\xb8\x00\x01\x00\x00\x00\x01\x00\x00\x04@\
+\x00\x00\x01\x96+}A\xa5\
+\x00\x00\x00d\x00\x01\x00\x00\x00\x01\x00\x00\x02\xb9\
+\x00\x00\x01\x96+}A\xa5\
+"
+
+def qInitResources():
+    QtCore.qRegisterResourceData(0x03, qt_resource_struct, qt_resource_name, qt_resource_data)
+
+def qCleanupResources():
+    QtCore.qUnregisterResourceData(0x03, qt_resource_struct, qt_resource_name, qt_resource_data)
+
+qInitResources()

pupgui2/resources/themes/steamdeck/stylesheet.py

@@ -0,0 +1,164 @@
+import os
+
+import qstylizer.style
+from PySide6.QtGui import QColor
+from PySide6.scripts.pyside_tool import qt_tool_wrapper
+
+verbose = True
+compressLevel = 6
+compressAlgo = "zlib"
+compressThreshold = 0
+
+color = QColor("#EEEEEE")
+background_color_base = QColor("#171D25")
+background_color_item = QColor("#282D36")
+background_color_hover = QColor("#464D58")
+background_color_pressed = QColor("#393F49")
+background_color_disabled = QColor("#1D2026")
+
+border_radius_base: int = 2
+
+margin_min: int = 1
+
+padding_min: int = 1
+padding_base: int = 8
+padding_item: int = 4
+
+subcontrol_width_base: int = 18
+subcontrol_width_sbar: int = subcontrol_width_base + padding_min
+subcontrol_width_sbar_control: int = subcontrol_width_base - padding_min
+
+style = qstylizer.style.StyleSheet()
+
+style.QWidget.setValues(
+    color=color.name(),
+    backgroundColor=background_color_base.name(),
+    fontWeight=300,
+)
+
+for widget in (
+    style.QPushButton,
+    style.QListWidget,
+    style.QComboBox,
+    style.QToolButton,
+    style.QLineEdit,
+    style.QHeaderView.section,
+):
+    widget.setValues(
+        backgroundColor=background_color_item.name(),
+        border=None,
+        borderRadius=f"{border_radius_base}px",
+        padding=f"{padding_base}px",
+    )
+
+style.QListWidget.item.setValues(padding=f"{padding_item}px")
+style.QPushButton.hover.setValues(backgroundColor=background_color_hover.name())
+style.QPushButton.pressed.setValues(backgroundColor=background_color_pressed.name())
+style.QPushButton.disabled.setValues(backgroundColor=background_color_disabled.name())
+
+style.QHeaderView.setValues(padding=f"{padding_min}px")
+style.QHeaderView.section.setValues(
+    padding=f"{padding_item}px",
+    backgroundColor=background_color_item.darker(125).name(),
+)
+style.QHeaderView.section.horizontal.setValues(marginLeft="0px", marginRight="2px")
+style.QHeaderView.section.vertical.setValues(marginTop="0px", marginBottom="2px")
+style.QTableView.item.setValues(marginLeft="1px")
+
+style.QComboBox.dropDown.setValues(
+    subcontrolOrigin="border",
+    subcontrolPosition="top right",
+    padding=f"{padding_item / 2}px",
+    paddingRight=f"{padding_item}px",
+    border=None,
+    borderRadius=f"{border_radius_base}px",
+    width=f"{subcontrol_width_base - 2}px",
+    image='url(":/resources/themes/steamdeck/icon-drop-down.svg")',
+)
+
+style.QProgressBar.setValues(
+    backgroundColor=background_color_item.name(),
+    border=None,
+    borderRadius=f"{border_radius_base}px",
+    padding=f"{padding_item}px",
+    textAlign="center",
+)
+style.QProgressBar.chunk.setValues(
+    backgroundColor=background_color_item.lighter(150).name(),
+    borderWidth="0px",
+    width="2%",
+)
+
+style.QScrollBar.setValues(
+    padding=f"{padding_min}px",
+    borderRadius=f"{border_radius_base}px",
+    backgroundColor="transparent",
+)
+style.QScrollBar.vertical.setValues(
+    margin=f"{subcontrol_width_sbar}px 0px",
+    width=f"{subcontrol_width_sbar}px",
+)
+style.QScrollBar.horizontal.setValues(
+    margin=f"0px {subcontrol_width_sbar}px",
+    height=f"{subcontrol_width_sbar}px",
+)
+
+for subcontrol in (
+    style.QScrollBar.addLine.vertical,
+    style.QScrollBar.subLine.vertical,
+    style.QScrollBar.addLine.horizontal,
+    style.QScrollBar.subLine.horizontal,
+):
+    subcontrol.setValues(
+        margin=f"{margin_min}px",
+        border=None,
+        borderRadius=f"{border_radius_base}px",
+        width=f"{subcontrol_width_sbar_control}px",
+        height=f"{subcontrol_width_sbar_control}px",
+        backgroundColor=background_color_item.name(),
+        subcontrolOrigin="margin",
+    )
+style.QScrollBar.addLine.vertical.subcontrolPosition.setValue("bottom")
+style.QScrollBar.subLine.vertical.subcontrolPosition.setValue("top")
+style.QScrollBar.addLine.horizontal.subcontrolPosition.setValue("right")
+style.QScrollBar.subLine.horizontal.subcontrolPosition.setValue("left")
+style.QScrollBar.handle.setValues(
+    backgroundColor=background_color_item.name(),
+    borderRadius=f"{border_radius_base}px",
+    minWidth="30px",
+    minHeight="30px",
+)
+scrollbar_arrow_style = {
+    "width": "13px",
+    "height": "13px",
+}
+style.QScrollBar.upArrow.setValues(
+    **scrollbar_arrow_style,
+    image='url(":/resources/themes/steamdeck/icon-up-arrow.svg")',
+)
+style.QScrollBar.downArrow.setValues(
+    **scrollbar_arrow_style,
+    image='url(":/resources/themes/steamdeck/icon-down-arrow.svg")',
+)
+
+
+if __name__ == "__main__":
+    with open(os.path.join(os.path.dirname(__file__), "stylesheet.qss"), "w", encoding="utf-8") as stylesheet:
+        stylesheet.write(f'/* This file is auto-generated from "{os.path.basename(__file__)}" */\n')
+        stylesheet.write(f'/* DO NOT EDIT!!! */\n\n')
+        stylesheet.write(style.toString())
+
+    qt_tool_wrapper(
+        "rcc",
+        [
+            "-g",
+            "python",
+            "--compress", str(compressLevel),
+            "--compress-algo", compressAlgo,
+            "--threshold", str(compressThreshold),
+            "--verbose" if verbose else "",
+            os.path.join(os.path.dirname(__file__), "stylesheet.qrc"),
+            "-o", os.path.join(os.path.dirname(__file__), "__init__.py"),
+        ],
+        True,
+    )

pupgui2/resources/themes/steamdeck/stylesheet.qrc

@@ -0,0 +1,8 @@
+<RCC>
+  <qresource prefix="/resources/themes/steamdeck">
+    <file>icon-drop-down.svg</file>
+    <file>icon-down-arrow.svg</file>
+    <file>icon-up-arrow.svg</file>
+    <file>stylesheet.qss</file>
+  </qresource>
+</RCC>