From 8fd62cec460959d18c081b64cf13576c1dfb885f Mon Sep 17 00:00:00 2001
From: collecting <collecting@citron-emu.org>
Date: Sat, 4 Oct 2025 10:09:16 +0000
Subject: [PATCH] Edit configure_per_game.ui

---
 .../configuration/configure_per_game.ui       | 417 +++++++++++++++++-
 1 file changed, 415 insertions(+), 2 deletions(-)

diff --git a/src/citron/configuration/configure_per_game.ui b/src/citron/configuration/configure_per_game.ui
index 1325527b9..56b765243 100644
--- a/src/citron/configuration/configure_per_game.ui
+++ b/src/citron/configuration/configure_per_game.ui
@@ -19,6 +19,421 @@
   <property name="windowTitle">
    <string>Dialog</string>
   </property>
+  <property name="templateStyleSheet" stdset="0">
+   <string>QDialog {
+    background-color: #2b2b2b;
+    color: #ffffff;
+    }
+
+    QWidget {
+    background-color: #2b2b2b;
+    color: #ffffff;
+    }
+
+    QStackedWidget {
+    background-color: #2b2b2b;
+    border: 1px solid #3d3d3d;
+    border-radius: 8px;
+    margin: 0px;
+    padding: 0px;
+    }
+
+    QScrollArea {
+    background-color: #2b2b2b;
+    border: none;
+    border-radius: 8px;
+    }
+
+    QScrollArea > QWidget > QWidget {
+    background-color: #2b2b2b;
+    }
+
+    QScrollBar:vertical {
+    background-color: #3d3d3d;
+    width: 14px;
+    border-radius: 7px;
+    margin: 2px;
+    }
+
+    QScrollBar::handle:vertical {
+    background-color: #5d5d5d;
+    border-radius: 6px;
+    min-height: 30px;
+    margin: 1px;
+    }
+
+    QScrollBar::handle:vertical:hover {
+    background-color: %%ACCENT_COLOR%%;
+    }
+
+    QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {
+    border: none;
+    background: none;
+    height: 0px;
+    }
+
+    QScrollBar:horizontal {
+    background-color: #3d3d3d;
+    height: 14px;
+    border-radius: 7px;
+    margin: 2px;
+    }
+
+    QScrollBar::handle:horizontal {
+    background-color: #5d5d5d;
+    border-radius: 6px;
+    min-width: 30px;
+    margin: 1px;
+    }
+
+    QScrollBar::handle:horizontal:hover {
+    background-color: %%ACCENT_COLOR%%;
+    }
+
+    QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {
+    border: none;
+    background: none;
+    width: 0px;
+    }
+
+    QPushButton.tabButton {
+    background-color: #383838;
+    color: #ffffff;
+    padding: 10px 14px;
+    margin: 2px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px;
+    min-width: 85px;
+    max-width: 160px;
+    font-weight: 500;
+    border: 1px solid #3d3d3d;
+    text-align: center;
+    }
+
+    QPushButton.tabButton:checked {
+    background-color: %%ACCENT_COLOR%%;
+    color: #ffffff;
+    font-weight: bold;
+    border-color: %%ACCENT_COLOR%%;
+    }
+
+    QPushButton.tabButton:hover:!checked {
+    background-color: #4d4d4d;
+    border-color: #5d5d5d;
+    }
+
+    QPushButton.tabButton:pressed {
+    background-color: %%ACCENT_COLOR_PRESSED%%;
+    }
+
+    QTabWidget {
+    background-color: #2b2b2b;
+    border: none;
+    }
+
+    QTabWidget::pane {
+    border: 1px solid #3d3d3d;
+    background-color: #2b2b2b;
+    border-radius: 8px;
+    margin-top: -1px; /* Pull pane up to meet tabs */
+    }
+
+    QTabWidget::tab-bar {
+    alignment: left;
+    }
+
+    QTabBar {
+    background-color: #2b2b2b;
+    border: none;
+    }
+
+    /* THIS IS THE MODIFIED SECTION FOR COMPACT TABS */
+    QTabBar::tab {
+    background-color: #383838;
+    color: #ffffff;
+    padding: 8px 14px; /* Reduced padding to match buttons */
+    margin-right: 2px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    min-width: 85px; /* Reduced min-width to match buttons */
+    font-weight: 500;
+    border: 1px solid #3d3d3d;
+    border-bottom: none;
+    }
+
+    QTabBar::tab:selected {
+    background-color: %%ACCENT_COLOR%%;
+    color: #ffffff;
+    font-weight: bold;
+    border-color: %%ACCENT_COLOR%%;
+    }
+
+    QTabBar::tab:hover:!selected {
+    background-color: #4d4d4d;
+    border-color: #5d5d5d;
+    }
+
+    QTabBar QToolButton {
+    background-color: #383838;
+    border: 1px solid #3d3d3d;
+    border-radius: 4px;
+    padding: 4px;
+    margin: 2px 0px 2px 2px;
+    }
+
+    QTabBar QToolButton:hover {
+    background-color: #4d4d4d;
+    border-color: %%ACCENT_COLOR%%;
+    }
+
+    QTabBar::scroller {
+    width: 24px; /* Make scroller buttons less wide */
+    }
+
+    QGroupBox {
+    font-weight: bold;
+    border: 1px solid #3d3d3d;
+    border-radius: 8px;
+    margin-top: 12px;
+    padding-top: 12px;
+    background-color: #2b2b2b;
+    color: #ffffff;
+    }
+
+    QGroupBox::title {
+    subcontrol-origin: margin;
+    left: 12px;
+    padding: 0 8px 0 8px;
+    color: #ffffff;
+    font-weight: bold;
+    }
+
+    QCheckBox {
+    color: #ffffff;
+    spacing: 10px;
+    padding: 4px;
+    background-color: transparent;
+    }
+
+    QCheckBox::indicator {
+    width: 18px;
+    height: 18px;
+    border: 2px solid #5d5d5d;
+    border-radius: 4px;
+    background-color: #3d3d3d;
+    }
+
+    QCheckBox::indicator:checked {
+    background-color: %%ACCENT_COLOR%%;
+    border-color: %%ACCENT_COLOR%%;
+    }
+
+    QCheckBox::indicator:hover {
+    border-color: %%ACCENT_COLOR%%;
+    }
+
+    QComboBox {
+    background-color: #3d3d3d;
+    border: 1px solid #5d5d5d;
+    border-radius: 6px;
+    padding: 8px 12px;
+    color: #ffffff;
+    min-width: 120px;
+    min-height: 28px;
+    selection-background-color: %%ACCENT_COLOR%%;
+    }
+
+    QComboBox:hover {
+    border-color: %%ACCENT_COLOR%%;
+    background-color: #404040;
+    }
+
+    QComboBox:focus {
+    border-color: %%ACCENT_COLOR%%;
+    background-color: #404040;
+    }
+
+    QComboBox::drop-down {
+    border: none;
+    width: 25px;
+    subcontrol-origin: padding;
+    subcontrol-position: top right;
+    background-color: transparent;
+    }
+
+    QComboBox::down-arrow {
+    image: url(:/icons/down_arrow.svg);
+    }
+
+    QComboBox QAbstractItemView {
+    background-color: #3d3d3d;
+    border: 1px solid %%ACCENT_COLOR%%;
+    selection-background-color: %%ACCENT_COLOR%%;
+    color: #ffffff;
+    outline: none;
+    }
+
+    QComboBox QAbstractItemView::item {
+    padding: 8px;
+    border: none;
+    background-color: transparent;
+    }
+
+    QComboBox QAbstractItemView::item:selected {
+    background-color: %%ACCENT_COLOR%%;
+    color: #ffffff;
+    }
+
+    QComboBox QAbstractItemView::item:hover {
+    background-color: %%ACCENT_COLOR_HOVER%%;
+    color: #ffffff;
+    }
+
+    QLineEdit {
+    background-color: #3d3d3d;
+    border: 1px solid #5d5d5d;
+    border-radius: 6px;
+    padding: 8px 12px;
+    color: #ffffff;
+    min-height: 20px;
+    selection-background-color: %%ACCENT_COLOR%%;
+    }
+
+    QLineEdit:focus {
+    border-color: %%ACCENT_COLOR%%;
+    background-color: #404040;
+    }
+
+    QPushButton {
+    background-color: %%ACCENT_COLOR%%;
+    color: #ffffff;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 6px;
+    font-weight: bold;
+    min-height: 20px;
+    }
+
+    QPushButton:hover {
+    background-color: %%ACCENT_COLOR_HOVER%%;
+    }
+
+    QPushButton:pressed {
+    background-color: %%ACCENT_COLOR_PRESSED%%;
+    }
+
+    QPushButton:disabled {
+    background-color: #5d5d5d;
+    color: #8d8d8d;
+    }
+
+    QToolButton {
+    background-color: %%ACCENT_COLOR%%;
+    color: #ffffff;
+    border: none;
+    padding: 8px 12px;
+    border-radius: 6px;
+    font-weight: bold;
+    min-width: 32px;
+    min-height: 24px;
+    }
+
+    QToolButton:hover {
+    background-color: %%ACCENT_COLOR_HOVER%%;
+    }
+
+    QToolButton:pressed {
+    background-color: %%ACCENT_COLOR_PRESSED%%;
+    }
+
+    QLabel {
+    color: #ffffff;
+    background-color: transparent;
+    padding: 2px;
+    }
+
+    QListWidget {
+    background-color: #3d3d3d;
+    border: 1px solid #5d5d5d;
+    border-radius: 6px;
+    color: #ffffff;
+    padding: 4px;
+    }
+
+    QListWidget::item {
+    padding: 8px;
+    border-radius: 4px;
+    margin: 1px;
+    }
+
+    QListWidget::item:selected {
+    background-color: %%ACCENT_COLOR%%;
+    color: #ffffff;
+    }
+
+    QListWidget::item:hover:!selected {
+    background-color: #4d4d4d;
+    }
+
+    QSlider::groove:horizontal {
+    border: 1px solid #5d5d5d;
+    height: 8px;
+    background-color: #3d3d3d;
+    border-radius: 4px;
+    }
+
+    QSlider::handle:horizontal {
+    background-color: %%ACCENT_COLOR%%;
+    border: 1px solid %%ACCENT_COLOR%%;
+    width: 18px;
+    margin: -5px 0;
+    border-radius: 9px;
+    }
+
+    QSlider::handle:horizontal:hover {
+    background-color: %%ACCENT_COLOR_HOVER%%;
+    }
+
+    QSpinBox, QDoubleSpinBox {
+    background-color: #3d3d3d;
+    border: 1px solid #5d5d5d;
+    border-radius: 6px;
+    padding: 6px;
+    color: #ffffff;
+    min-height: 20px;
+    }
+
+    QSpinBox:focus, QDoubleSpinBox:focus {
+    border-color: %%ACCENT_COLOR%%;
+    background-color: #404040;
+    }
+
+    QRadioButton {
+    color: #ffffff;
+    spacing: 8px;
+    padding: 4px;
+    }
+
+    QRadioButton::indicator {
+    width: 16px;
+    height: 16px;
+    border: 2px solid #5d5d5d;
+    border-radius: 8px;
+    background-color: #3d3d3d;
+    }
+
+    QRadioButton::indicator:checked {
+    background-color: %%ACCENT_COLOR%%;
+    border-color: %%ACCENT_COLOR%%;
+    }
+
+    QRadioButton::indicator:hover {
+    border-color: %%ACCENT_COLOR%%;
+    }
+   </string>
+  </property>
   <layout class="QVBoxLayout" name="verticalLayout_3">
    <item>
     <layout class="QHBoxLayout" name="horizontalLayout">
@@ -65,7 +480,6 @@
           <number>0</number>
          </property>
          <item>
-          <!-- The original GroupBox is now INSIDE the scroll area -->
           <widget class="QGroupBox" name="groupBox">
            <property name="title">
             <string>Info</string>
@@ -278,7 +692,6 @@
         </layout>
        </widget>
       </widget>
-      <!-- END OF NEW SCROLL AREA -->
      </item>
      <item>
       <layout class="QVBoxLayout" name="VerticalLayout">