refactor(theme): 优化 LightLake 与 BlueForest 主题显示样式

src/gui/resources/themes/BlueForest.qss

@@ -21,11 +21,11 @@ QMainWindow::separator {
 QMenuBar {
     background-color: #0f1628;
     border-bottom: 1px solid #1c2840;
-    padding: 2px 6px;
+    padding: 2px 5px;
     color: #d0daf0;
 }
 QMenuBar::item {
-    padding: 4px 10px;
+    padding: 2px 10px;
     border-radius: 4px;
 }
 QMenuBar::item:selected {
@@ -150,7 +150,6 @@ QSpinBox::up-arrow,
 QDoubleSpinBox::up-arrow,
 QDateEdit::up-arrow,
 QTimeEdit::up-arrow {
-    /* image: none; */
     border-left: 4px solid transparent;
     border-right: 4px solid transparent;
     border-bottom: 5px solid #7888b8;
@@ -176,7 +175,6 @@ QSpinBox::down-arrow,
 QDoubleSpinBox::down-arrow,
 QDateEdit::down-arrow,
 QTimeEdit::down-arrow {
-    image: none;
     border-left: 4px solid transparent;
     border-right: 4px solid transparent;
     border-top: 5px solid #7888b8;
@@ -255,7 +253,7 @@ QComboBox:disabled {
 /* ---- Check Box / Radio Button ---- */
 QCheckBox,
 QRadioButton {
-    spacing: 8px;
+    spacing: 5px;
     color: #d0daf0;
 }
 QCheckBox::indicator,
@@ -263,9 +261,14 @@ QRadioButton::indicator {
     border-style: solid;
     border-color: #334478;
     border-width: 2px;
-    border-radius: 3px;
     background-color: #0a1020;
 }
+QCheckBox::indicator {
+    border-radius: 3px;
+}
+QRadioButton::indicator {
+    border-radius: 7px;
+}
 QCheckBox::indicator:hover,
 QRadioButton::indicator:hover {
     border-color: #2dd4bf;
@@ -274,9 +277,6 @@ QCheckBox::indicator:checked {
     background-color: #2dd4bf;
     border-color: #2dd4bf;
 }
-QRadioButton::indicator {
-    border-radius: 10px;
-}
 QRadioButton::indicator:checked {
     background-color: #2dd4bf;
     border-color: #2dd4bf;
@@ -330,20 +330,14 @@ QTableWidget::indicator:indeterminate {
 
 /* ---- Group Box ---- */
 QGroupBox {
+    margin-top: 5px;
+    padding-top: 15px;
+    color: #b4c2f5;
+    font-weight: bold;
     border-style: solid;
     border-color: #253250;
     border-width: 1px;
-    border-radius: 6px;
+    border-radius: 5px;
-    margin-top: 12px;
-    padding-top: 14px;
-    color: #d0daf0;
-    font-weight: bold;
-}
-QGroupBox::title {
-    subcontrol-origin: margin;
-    left: 12px;
-    padding: 0 6px;
-    color: #8b9ad0;
 }
 
 /* ---- Tab ---- */
@@ -389,18 +383,10 @@ QTableWidget {
 QListWidget::item,
 QTreeWidget::item,
 QTableWidget::item {
-    padding: 5px 10px;
+    padding: 5px 5px;
-    border: none;
-}
-QListWidget::item:selected,
-QTreeWidget::item:selected,
-QTableWidget::item:selected {
-    background-color: #2dd4bf;
-    color: #0f1119;
 }
 QHeaderView::section {
     background-color: #0f1628;
-    border: none;
     border-right: 1px solid #253250;
     border-bottom: 1px solid #253250;
     padding: 5px 10px;

src/gui/resources/themes/LightLake.qss

@@ -21,11 +21,11 @@ QMainWindow::separator {
 QMenuBar {
     background-color: #dce4ee;
     border-bottom: 1px solid #c0cdda;
-    padding: 2px 6px;
+    padding: 2px 5px;
     color: #1a2740;
 }
 QMenuBar::item {
-    padding: 4px 10px;
+    padding: 2px 10px;
     border-radius: 4px;
 }
 QMenuBar::item:selected {
@@ -150,7 +150,6 @@ QSpinBox::up-arrow,
 QDoubleSpinBox::up-arrow,
 QDateEdit::up-arrow,
 QTimeEdit::up-arrow {
-    /* image: none; */
     border-left: 4px solid transparent;
     border-right: 4px solid transparent;
     border-bottom: 5px solid #6a7898;
@@ -176,7 +175,6 @@ QSpinBox::down-arrow,
 QDoubleSpinBox::down-arrow,
 QDateEdit::down-arrow,
 QTimeEdit::down-arrow {
-    image: none;
     border-left: 4px solid transparent;
     border-right: 4px solid transparent;
     border-top: 5px solid #6a7898;
@@ -255,7 +253,7 @@ QComboBox:disabled {
 /* ---- Check Box / Radio Button ---- */
 QCheckBox,
 QRadioButton {
-    spacing: 8px;
+    spacing: 5px;
     color: #1a2740;
 }
 QCheckBox::indicator,
@@ -263,9 +261,14 @@ QRadioButton::indicator {
     border-style: solid;
     border-color: #90a4c4;
     border-width: 2px;
-    border-radius: 3px;
     background-color: #ffffff;
 }
+QCheckBox::indicator {
+    border-radius: 3px;
+}
+QRadioButton::indicator {
+    border-radius: 7px;
+}
 QCheckBox::indicator:hover,
 QRadioButton::indicator:hover {
     border-color: #0ea58a;
@@ -274,9 +277,6 @@ QCheckBox::indicator:checked {
     background-color: #0ea58a;
     border-color: #0ea58a;
 }
-QRadioButton::indicator {
-    border-radius: 10px;
-}
 QRadioButton::indicator:checked {
     background-color: #0ea58a;
     border-color: #0ea58a;
@@ -330,20 +330,14 @@ QTableWidget::indicator:indeterminate {
 
 /* ---- Group Box ---- */
 QGroupBox {
+    margin-top: 5px;
+    padding-top: 15px;
+    color: #4a6080;
+    font-weight: bold;
     border-style: solid;
     border-color: #c0cdda;
     border-width: 1px;
-    border-radius: 6px;
+    border-radius: 5px;
-    margin-top: 12px;
-    padding-top: 14px;
-    color: #1a2740;
-    font-weight: bold;
-}
-QGroupBox::title {
-    subcontrol-origin: margin;
-    left: 12px;
-    padding: 0 6px;
-    color: #4a6080;
 }
 
 /* ---- Tab ---- */
@@ -372,10 +366,6 @@ QTabBar::tab:selected {
     color: #0ea58a;
     border-bottom: 2px solid #0ea58a;
 }
-QTabBar::tab:hover:!selected {
-    background-color: #d5dde8;
-    color: #1a2740;
-}
 
 /* ---- List / Tree ---- */
 QListWidget,
@@ -393,18 +383,10 @@ QTableWidget {
 QListWidget::item,
 QTreeWidget::item,
 QTableWidget::item {
-    padding: 5px 10px;
+    padding: 5px 5px;
-    border: none;
-}
-QListWidget::item:selected,
-QTreeWidget::item:selected,
-QTableWidget::item:selected {
-    background-color: #0ea58a;
-    color: #ffffff;
 }
 QHeaderView::section {
     background-color: #dce4ee;
-    border: none;
     border-right: 1px solid #c0cdda;
     border-bottom: 1px solid #c0cdda;
     padding: 5px 10px;

src/gui/resources/ui/ALConfigWidget.ui

@@ -56,7 +56,7 @@
       </size>
      </property>
      <property name="currentIndex">
-      <number>0</number>
+      <number>2</number>
      </property>
      <property name="movable">
       <bool>true</bool>
@@ -1956,13 +1956,13 @@
            <widget class="QPushButton" name="ExportConfigButton">
             <property name="minimumSize">
              <size>
-              <width>100</width>
+              <width>120</width>
               <height>25</height>
              </size>
             </property>
             <property name="maximumSize">
              <size>
-              <width>100</width>
+              <width>120</width>
               <height>25</height>
              </size>
             </property>