添加深色和浅色的风格切换

Change-Id: I1bf2c6cfb247210d7c74c51f0b0b021699d47353

CameraMaterialGroupWnd/Group.cpp

@@ -5,6 +5,8 @@
 #include <QSettings>
 #include <QVBoxLayout>
 #include <QLabel>
+#include <QTimer>
+// #include "MainWnd.h"
 
 // 静态变量初始化
 Group* Group::currentlySelectedGroup = nullptr;
@@ -30,6 +32,7 @@ Group::Group(int Id, const QString& imagePath1, int MaterialWindowType, const QS
         "   background-color: #3e8e41;"
         "}"
         );
+
     ui->Imagewidget_left->setProperty("groupId", Id);
     ui->Imagewidget_right->setProperty("groupId", Id);
 
@@ -60,6 +63,24 @@ void Group::initForm()
 {
     ui->Imagewidget_left->installEventFilter(this);
     ui->Imagewidget_right->installEventFilter(this);
+
+    // MainWnd *mainWindow = new MainWnd();
+    // connect(mainWindow,&MainWnd::styleChanged,this,&Group::Changedstyle);
+    QTimer *timer = new QTimer(this);
+    connect(timer, &QTimer::timeout, this, &Group::Changedstyle);
+    timer->start(100);
+}
+
+void Group::Changedstyle()
+{
+    QSettings settings("YourCompany", "YourApplication_style");
+    int flag = settings.value("Flag_Style", 0).toInt();
+
+    if (flag == 0) {
+        ui->DatacomboBox->setStyleSheet("background-color: #FFFFFF;");
+    } else {
+        ui->DatacomboBox->setStyleSheet("background-color: #4C4FA6;");
+    }
 }
 
 bool Group::eventFilter(QObject *obj, QEvent *event)

CameraMaterialGroupWnd/Group.h

@@ -34,6 +34,7 @@ signals:
     void send_ComboBox_singal(int groupId,int index);
     void groupSelected(Group* group, int index);
 public slots:
+    void Changedstyle();
     void onclickbutton();
     void on_DatacomboBox_currentIndexChanged(int index);
     void onGroupSelected(Group* group, int index);

CameraMaterialGroupWnd/Group.ui

@@ -36,7 +36,7 @@
     </rect>
    </property>
    <property name="styleSheet">
-    <string notr="true">background-color: rgb(255, 255, 255);</string>
+    <string notr="true">background:  #FFFFFF;</string>
    </property>
   </widget>
   <widget class="QPushButton" name="GroupButton">

MainWnd.h

@@ -29,10 +29,14 @@ public:
     void initForm();
 
 protected:
+    void applyTheme(int themeValue);
+    void isListening();
     bool eventFilter(QObject *obj,QEvent *event);
     void setTabIcon(QToolButton* tabBtn, const QString& deepIconPath, const QString& lightIconPath);
 signals:
     void setLanguageSignal(const int &data);
+    void styleChanged();
+
 private slots:
     void onCurrentWidgetChanged();
 

MainWnd.ui

@@ -97,7 +97,7 @@
      <property name="frameShadow">
       <enum>QFrame::Raised</enum>
      </property>
-     <widget class="QLabel" name="label_logo">
+     <widget class="QLabel" name="label_logo_m">
       <property name="geometry">
        <rect>
         <x>14</x>

OriginalWnd/OriginalWnd.cpp

@@ -250,29 +250,29 @@ bool OriginalWnd::eventFilter(QObject *obj,QEvent *event)
 
 void OriginalWnd::on_ChartButton_clicked()
 {
+    QSettings settings("OrganizationName__", "ApplicationName__");
+    settings.setValue("lastIndex", 1);
     ChartsAndCamerasWnd *demo001_1 = new ChartsAndCamerasWnd;
     ui->switchShowPageUI->addWidget(demo001_1);
     ui->switchShowPageUI->setCurrentIndex(ui->switchShowPageUI->indexOf(demo001_1));
-    QSettings settings("OrganizationName__", "ApplicationName__");
-    settings.setValue("lastIndex", 1);
 }
 
 void OriginalWnd::on_DoubleImageButton_clicked()
 {
+    QSettings settings("OrganizationName__", "ApplicationName__");
+    settings.setValue("lastIndex", 2);
     MainAndSecondaryCamerasWnd *demo001_2 = new MainAndSecondaryCamerasWnd;
     ui->switchShowPageUI->addWidget(demo001_2);
     ui->switchShowPageUI->setCurrentIndex(ui->switchShowPageUI->indexOf(demo001_2));
-    QSettings settings("OrganizationName__", "ApplicationName__");
-    settings.setValue("lastIndex", 2);
 }
 
 void OriginalWnd::on_SingleImageButton_clicked()
 {
-    SingleCameraOperationWnd *demo001_3 = new SingleCameraOperationWnd;
-    ui->switchShowPageUI->addWidget(demo001_3);
-    ui->switchShowPageUI->setCurrentIndex(ui->switchShowPageUI->indexOf(demo001_3));
     QSettings settings("OrganizationName__", "ApplicationName__");
     settings.setValue("lastIndex", 3);
+    SingleCameraOperationWnd *demo001_3 = new SingleCameraOperationWnd;
+    ui->switchShowPageUI->addWidget(demo001_3);
+    ui->switchShowPageUI->setCurrentIndex(ui->switchShowPageUI->indexOf(demo001_3));  
 }
 
 void OriginalWnd::on_startButton_clicked()

SBTdie-bonder-ui.pro.user

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE QtCreatorProject>
-<!-- Written by QtCreator 14.0.2, 2025-02-18T09:21:08. -->
+<!-- Written by QtCreator 14.0.2, 2025-02-18T17:07:06. -->
 <qtcreator>
  <data>
   <variable>EnvironmentId</variable>

dark.qss

@@ -54,13 +54,12 @@ Login QFrame#line_2
 /*主界面*/
 MainWnd QWidget#TabSideBar
 {
-    /*background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #EEF0F8, stop: 1 #E6E7F9);*/
-    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 rgba(238, 240, 248, 0.1), stop: 1 rgba(230, 231, 249, 0.1));
+   background: #2F3297;
 }
 
 MainWnd QWidget#centralwidget
 {
-    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 rgba(238, 240, 248, 0.1), stop: 1 rgba(230, 231, 249, 0.1));
+    background: #1D2087;
 }
 
 MainWnd QFrame#line,
@@ -71,23 +70,27 @@ MainAndSecondaryCamerasWnd QFrame#line_16,
 ChartsAndCamerasWnd QFrame#line_2
 {
     border:none;
-    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 rgba(238, 240, 248, 0.1), stop: 1 rgba(230, 231, 249, 0.1));
+    background-color: rgba(186, 189, 220, 0.6);
 }
 
 MainWnd QWidget#TabSideBar QToolButton
 {
-    color: #1D2087;
+    color: #FFFFFF;
     font-weight: bold;
-    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 rgba(238, 240, 248, 0.1), stop: 1 rgba(230, 231, 249, 0.1));
+    background: #5A5CAD;
     border-radius:6px;
 }
 
+MainWnd QLabel#label_logo_m {
+    image: url(:/images/deep/logo1.png);
+}
+
 /*侧边栏按钮*/
 QWidget#TabSideBar>QToolButton::hover,QWidget#TabSideBar>QToolButton::checked
 {
     border:none;
     color:#FFFFFF;
-    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 rgba(238, 240, 248, 0.1), stop: 1 rgba(230, 231, 249, 0.1));
+    background: #E17D07;
 }
 
 MainWnd QToolButton
@@ -97,54 +100,54 @@ MainWnd QToolButton
 
 QWidget#TabSideBar>QToolButton#tabHomeBtn
 {
-    qproperty-icon:url(:/images/light/home.png);
+    qproperty-icon:url(:/images/deep/home.png);
 }
 
 QWidget#TabSideBar>QToolButton#tabProductionBtn
 {
-    qproperty-icon:url(:/images/light/Productionn assistance.png);
+    qproperty-icon:url(:/images/deep/Productionn assistance.png);
 }
 
 QWidget#TabSideBar>QToolButton#tabProgramBtn
 {
-    qproperty-icon:url(:/images/light/Program.png);
+    qproperty-icon:url(:/images/deep/Program.png);
 }
 
 QWidget#TabSideBar>QToolButton#tabMessageBtn
 {
-    qproperty-icon:url(:/images/light/Message.png);
+    qproperty-icon:url(:/images/deep/Message.png);
 }
 
 QWidget#TabSideBar>QToolButton#tabModuleBtn
 {
-    qproperty-icon:url(:/images/light/Module.png);
+    qproperty-icon:url(:/images/deep/Module.png);
 }
 
 QWidget#TabSideBar>QToolButton#tabDispositionBtn
 {
-    qproperty-icon:url(:/images/light/Disposition.png);
+    qproperty-icon:url(:/images/deep/Disposition.png);
 }
 
 QWidget#TabSideBar>QToolButton#tabDiagnosisBtn
 {
-    qproperty-icon:url(:/images/light/Diagnosis.png);
+    qproperty-icon:url(:/images/deep/Diagnosis.png);
 }
 
 QWidget#TabSideBar>QToolButton#tabSystemBtn
 {
-    qproperty-icon:url(:/images/light/System.png);
+    qproperty-icon:url(:/images/deep/System.png);
 }
 
 QWidget#TabSideBar>QToolButton#tabHelpBtn
 {
-    qproperty-icon:url(:/images/light/Help.png);
+    qproperty-icon:url(:/images/deep/Help.png);
 }
 
 /*顶部*/
 QWidget#Toptitlebar
 {
     /*border-radius: 6px;*/
-    background: #5C63BE;
+    background: #4E53B8;
     color: #FFFFFF;
 }
 
@@ -176,7 +179,7 @@ QWidget#Toptitlebar QPushButton#pushButton_3
 OriginalWnd QWidget#widget_2,
 OriginalWnd QWidget#widget
 {
-    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #F1F4FD, stop: 1 #E5E4F6);
+    background: #2F3297;
     border-radius: 10px;
 }
 
@@ -199,43 +202,47 @@ OriginalWnd QWidget#widget QToolButton#startButton
     padding-left: 9px;
 }
 
-OriginalWnd QWidget#widget QPushButton#ChartButton:hover,
-OriginalWnd QWidget#widget QPushButton#DoubleImageButton:hover,
-OriginalWnd QWidget#widget QPushButton#SingleImageButton:hover,
-OriginalWnd QWidget#widget QPushButton#ChartButton:checked,
-OriginalWnd QWidget#widget QPushButton#DoubleImageButton:checked,
-OriginalWnd QWidget#widget QPushButton#SingleImageButton:checked
+OriginalWnd QWidget#widget>QToolButton#ChartButton::hover,
+OriginalWnd QWidget#widget>QToolButton#DoubleImageButton::hover,
+OriginalWnd QWidget#widget>QToolButton#SingleImageButton::hover,
+OriginalWnd QWidget#widget>QToolButton#ChartButton::checked,
+OriginalWnd QWidget#widget>QToolButton#DoubleImageButton::checked,
+OriginalWnd QWidget#widget>QToolButton#SingleImageButton::checked
 {
-    background: #A9B4FF;
+    background: #E17D07;
 }
 
-OriginalWnd QWidget#widget QPushButton#ChartButton
+OriginalWnd QWidget#widget QToolButton#ChartButton
 {
     border-radius: 6px;
-    background: #CBD0FF;
-    image: url(:/images/light/Demo001_1.png);
+    background: #5A5CAD;
+    padding-bottom: 8px;
+    qproperty-icon:url(:/images/deep/Demo001_1.png);
 }
 
-OriginalWnd QWidget#widget QPushButton#DoubleImageButton
+OriginalWnd QWidget#widget QToolButton#DoubleImageButton
 {
     border-radius: 6px;
-    background: #CBD0FF;
-    image: url(:/images/light/Demo001_2.png);
+    background: #5A5CAD;
+    padding-bottom: 8px;
+    qproperty-icon:url(:/images/deep/Demo001_2.png);
 }
 
-OriginalWnd QWidget#widget QPushButton#SingleImageButton
+OriginalWnd QWidget#widget QToolButton#SingleImageButton
 {
     border-radius: 6px;
-    background: #CBD0FF;
-    image: url(:/images/light/Demo001_3.png);
+    background: #5A5CAD;
+    padding-bottom: 8px;
+    qproperty-icon:url(:/images/deep/Demo001_3.png);
 }
 
 /* SingleCameraOperationWnd */
 QComboBox
 {
-    border:1px solid #BABBDC;
+    border:1px solid #6D6FB6;
     border-radius:6px;
-    background:#FFFFFF;
+    background: #4C4FA6;
+    color: #FFFFFF;
 }
 
 QComboBox::down-arrow
@@ -258,14 +265,14 @@ ChartsAndCamerasWnd QWidget#Leftwidget,
 ChartsAndCamerasWnd QWidget#Rightwidget
 {
     border-radius: 10px;
-    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #F1F4FD, stop: 1 #E5E4F6);
+    background: #2F3297;
 }
 
 Group QPushButton#GroupButton
 {
     image: url(:/images/LightGroup/LightSwitch.png);
     border-radius: 6px;
-    background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #949FE8,stop:1 #2D309B);
+    background: #6A6FFF;
 }
 
 SingleCameraOperationWnd QPushButton#LiveButton,
@@ -275,7 +282,7 @@ ChartsAndCamerasWnd QPushButton#LiveButton
 {
     color: #FFFFFF;
     border-radius: 6px;
-    background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #949FE8,stop:1 #2D309B);
+    background: #6A6FFF;
 }
 
 SingleCameraOperationWnd QWidget#RedLight,
@@ -286,20 +293,26 @@ MainAndSecondaryCamerasWnd QWidget#RedLight,
 MainAndSecondaryCamerasWnd QWidget#GreenLight,
 MainAndSecondaryCamerasWnd QWidget#BlueLight,
 MainAndSecondaryCamerasWnd QWidget#DotLight,
+MainAndSecondaryCamerasWnd QWidget#RedLight_L,
+MainAndSecondaryCamerasWnd QWidget#GreenLight_L,
+MainAndSecondaryCamerasWnd QWidget#BlueLight_L,
+MainAndSecondaryCamerasWnd QWidget#DotLight_L,
 ChartsAndCamerasWnd QWidget#RedLight,
 ChartsAndCamerasWnd QWidget#GreenLight,
 ChartsAndCamerasWnd QWidget#BlueLight,
 ChartsAndCamerasWnd QWidget#DotLight
 {
-    background: #D6D8ED;
+    background: #4E53B8;
 }
 
 SingleCameraOperationWnd QLineEdit,
 MainAndSecondaryCamerasWnd QLineEdit,
 ChartsAndCamerasWnd QLineEdit
 {
+    background: #4C4FA6;
     border-radius: 6px;
-    border: 1px solid #BABBDC;
+    border: 1px solid #6D6FB6;
+    color: #FFFFFF;
 }
 
 SingleCameraOperationWnd QWidget#BackGround,
@@ -312,32 +325,47 @@ ChartsAndCamerasWnd QWidget#BackGround
     border-radius: 0px;
 }
 
-SingleCameraOperationWnd QLabel#RedLightlabel,
-MainAndSecondaryCamerasWnd QLabel#RedLightlabel_2,
-ChartsAndCamerasWnd QLabel#RedLightlabel
+QProgressBar {
+    border: 2px solid grey;
+    border-radius: 5px;
+    background-color: transparent;
+}
+
+QProgressBar#RedLightprogressBar::chunk,
+QProgressBar#RedLightprogressBar_2::chunk,
+QProgressBar#RedLightprogressBar_L::chunk
 {
-    image: url(:/images/LightGroup/RedLight.png);
+    border-radius: 3px;
+    background-color: red;
+    height: 1px;
+
 }
 
-SingleCameraOperationWnd QLabel#GreenLightlabel,
-MainAndSecondaryCamerasWnd QLabel#GreenLightlabel_5,
-ChartsAndCamerasWnd QLabel#GreenLightlabel
+QProgressBar#GreenLightprogressBar::chunk,
+QProgressBar#GreenLightprogressBar_5::chunk,
+QProgressBar#GreenLightprogressBar_L::chunk
 {
-    image: url(:/images/LightGroup/GreenLight.png);
+    border-radius: 3px;
+    background-color: Green;
+    height: 1px;
 }
 
-SingleCameraOperationWnd QLabel#BlueLightlabel,
-MainAndSecondaryCamerasWnd QLabel#BlueLightlabel_2,
-ChartsAndCamerasWnd QLabel#BlueLightlabel
+QProgressBar#BlueLightprogressBar::chunk,
+QProgressBar#BlueLightprogressBar_2::chunk,
+QProgressBar#BlueLightprogressBar_L::chunk
 {
-    image: url(:/images/LightGroup/BlueLight.png);
+    border-radius: 3px;
+    background-color: Blue;
+    height: 1px;
 }
 
-SingleCameraOperationWnd QLabel#DotLightlabel,
-MainAndSecondaryCamerasWnd QLabel#DotLightlabel_2,
-ChartsAndCamerasWnd QLabel#DotLightlabel
+QProgressBar#DotLightprogressBar::chunk,
+QProgressBar#DotLightprogressBar_2::chunk,
+QProgressBar#DotLightprogressBar_L::chunk
 {
-    image: url(:/images/LightGroup/DotLight.png);
+    border-radius: 3px;
+    background-color: yellow;
+    height: 1px;
 }
 
 /* 工具栏 */
@@ -347,7 +375,7 @@ MainAndSecondaryCamerasWnd QWidget#RightToolbar,
 ChartsAndCamerasWnd QWidget#Toolbar
 {
     border-radius: 6px;
-    background: #CBD0FF;
+    background: #4E53B8;
 }
 
 SingleCameraOperationWnd QWidget#Toolbar QPushButton,
@@ -356,7 +384,7 @@ MainAndSecondaryCamerasWnd QWidget#RightToolbar QPushButton,
 ChartsAndCamerasWnd QWidget#Toolbar QPushButton
 {
     border-radius: 6px;
-    background: #CBD0FF;
+    background: #4E53B8;
     border:none;
 }
 
@@ -382,7 +410,7 @@ ChartsAndCamerasWnd QFrame#line_5,
 ChartsAndCamerasWnd QFrame#line_6
 {
     border:none;
-    background-color: rgba(78, 81, 206, 0.5);
+    background-color: rgba(255, 255, 255, 0.5);
 }
 
 SingleCameraOperationWnd QPushButton#pushButton_2,
@@ -394,7 +422,7 @@ MainAndSecondaryCamerasWnd QLabel#Rightlabel_Percentage,
 ChartsAndCamerasWnd QPushButton#pushButton_2,
 ChartsAndCamerasWnd QLabel#label_Percentage
 {
-    color: #4E51CE;
+    color: #FFFFFF;
 }
 
 SingleCameraOperationWnd QPushButton#ZoomUpButton,
@@ -402,7 +430,7 @@ MainAndSecondaryCamerasWnd QPushButton#LeftZoomUpButton,
 MainAndSecondaryCamerasWnd QPushButton#RightZoomUpButton,
 ChartsAndCamerasWnd QPushButton#ZoomUpButton
 {
-    image: url(:/images/light/zoom up.png);
+    image: url(:/images/deep/zoom up.png);
 }
 
 SingleCameraOperationWnd QPushButton#ZoomOutButton,
@@ -410,7 +438,7 @@ MainAndSecondaryCamerasWnd QPushButton#LeftZoomOutButton,
 MainAndSecondaryCamerasWnd QPushButton#RightZoomOutButton,
 ChartsAndCamerasWnd QPushButton#ZoomOutButton
 {
-    image: url(:/images/light/zoom out.png);
+    image: url(:/images/deep/zoom out.png);
 }
 
 SingleCameraOperationWnd QPushButton#RulerButton,
@@ -418,7 +446,7 @@ MainAndSecondaryCamerasWnd QPushButton#LeftRulerButton,
 MainAndSecondaryCamerasWnd QPushButton#RightRulerButton,
 ChartsAndCamerasWnd QPushButton#RulerButton
 {
-    image: url(:/images/light/ruler.png);
+    image: url(:/images/deep/ruler.png);
 }
 
 SingleCameraOperationWnd QPushButton#PenButton,
@@ -426,24 +454,85 @@ MainAndSecondaryCamerasWnd QPushButton#LeftPenButton,
 MainAndSecondaryCamerasWnd QPushButton#RightPenButton,
 ChartsAndCamerasWnd QPushButton#PenButton
 {
-    image: url(:/images/light/pen.png);
+    image: url(:/images/deep/pen.png);
 }
 
 /* 为垂直滑块设置样式 */
-QSlider::groove:vertical {
+QSlider#RedLightverticalSlider::groove:vertical,
+QSlider#RedLightverticalSlider_L::groove:vertical,
+QSlider#RedLightverticalSlider_2::groove:vertical
+{
     height: 56px;
     width: 3px;
-    background: rgba(78, 81, 206, 0.25);
+    background: red;
+}
+
+QSlider#GreenLightverticalSlider::groove:vertical,
+QSlider#GreenLightverticalSlider_L::groove:vertical,
+QSlider#GreenLightverticalSlider_5::groove:vertical
+{
+    height: 56px;
+    width: 3px;
+    background: Green;
+}
+
+QSlider#BlueLightverticalSlider::groove:vertical,
+QSlider#BlueLightverticalSlider_L::groove:vertical
+{
+    height: 56px;
+    width: 3px;
+    background: Blue;
 }
 
-QSlider::sub-page:vertical {
+QSlider#DotLightverticalSlider::groove:vertical,
+QSlider#DotLightverticalSlider_L::groove:vertical,
+QSlider#DotLightverticalSlider_2::groove:vertical
+{
+    height: 56px;
+    width: 3px;
+    background: yellow;
+}
+
+/*QSlider::sub-page:vertical {
     height: 56px;
     width: 3px;
     background: rgba(78, 81, 206, 0.25);
+}*/
+
+QSlider#RedLightverticalSlider::handle:vertical,
+QSlider#RedLightverticalSlider_L::handle:vertical,
+QSlider#RedLightverticalSlider_2::handle:vertical
+{
+    border-image: url(:/images/LightGroup/red.png);
+    height: 6px;
+    margin: 0px -5px 0px -5px;
+    border-radius: 4px;
+}
+
+QSlider#GreenLightverticalSlider::handle:vertical,
+QSlider#GreenLightverticalSlider_L::handle:vertical,
+QSlider#GreenLightverticalSlider_5::handle:vertical
+{
+    border-image: url(:/images/LightGroup/green.png);
+    height: 6px;
+    margin: 0px -5px 0px -5px;
+    border-radius: 4px;
+}
+
+QSlider#BlueLightverticalSlider::handle:vertical,
+QSlider#BlueLightverticalSlider_L::handle:vertical
+{
+    border-image: url(:/images/LightGroup/blue.png);
+    height: 6px;
+    margin: 0px -5px 0px -5px;
+    border-radius: 4px;
 }
 
-QSlider::handle:vertical {
-    border-image: url(:/images/LightGroup/slider.png);
+QSlider#DotLightverticalSlider::handle:vertical,
+QSlider#DotLightverticalSlider_L::handle:vertical,
+QSlider#DotLightverticalSlider_2::handle:vertical
+{
+    border-image: url(:/images/LightGroup/yellow.png);
     height: 6px;
     margin: 0px -5px 0px -5px;
     border-radius: 4px;
@@ -470,7 +559,7 @@ QScrollBar
 
 QScrollBar::handle
 {
-    background: #B5B9ED;
+    background: #5058B3;
     border-radius: 5px;
 }
 
@@ -522,6 +611,7 @@ ChartsAndCamerasWnd QCheckBox {
     border: 0px solid #FFFFFF;
     padding: 4px;
     spacing: 18px;
+    color: #FFFFFF;
 }
 
 ChartsAndCamerasWnd QCheckBox::indicator{

light.qss

@@ -81,6 +81,10 @@ MainWnd QWidget#TabSideBar QToolButton
     border-radius:6px;
 }
 
+MainWnd QLabel#label_logo_m {
+    image: url(:/images/light/logo1.png);
+}
+
 /*侧边栏按钮*/
 QWidget#TabSideBar>QToolButton::hover,QWidget#TabSideBar>QToolButton::checked
 {
@@ -319,7 +323,7 @@ ChartsAndCamerasWnd QWidget#BackGround
 }
 
 QProgressBar {
-    border: 2px solid grey;
+    border: 0.5px solid grey;
     border-radius: 5px;
     background-color: transparent;
 }
@@ -331,7 +335,6 @@ QProgressBar#RedLightprogressBar_L::chunk
     border-radius: 3px;
     background-color: red;
     height: 1px;
-
 }
 
 QProgressBar#GreenLightprogressBar::chunk,
@@ -451,20 +454,81 @@ ChartsAndCamerasWnd QPushButton#PenButton
 }
 
 /* 为垂直滑块设置样式 */
-QSlider::groove:vertical {
+QSlider#RedLightverticalSlider::groove:vertical,
+QSlider#RedLightverticalSlider_L::groove:vertical,
+QSlider#RedLightverticalSlider_2::groove:vertical
+{
     height: 56px;
     width: 3px;
-    background: rgba(78, 81, 206, 0.25);
+    background: red;
+}
+
+QSlider#GreenLightverticalSlider::groove:vertical,
+QSlider#GreenLightverticalSlider_L::groove:vertical,
+QSlider#GreenLightverticalSlider_5::groove:vertical
+{
+    height: 56px;
+    width: 3px;
+    background: Green;
+}
+
+QSlider#BlueLightverticalSlider::groove:vertical,
+QSlider#BlueLightverticalSlider_L::groove:vertical
+{
+    height: 56px;
+    width: 3px;
+    background: Blue;
+}
+
+QSlider#DotLightverticalSlider::groove:vertical,
+QSlider#DotLightverticalSlider_L::groove:vertical,
+QSlider#DotLightverticalSlider_2::groove:vertical
+{
+    height: 56px;
+    width: 3px;
+    background: yellow;
 }
 
-QSlider::sub-page:vertical {
+/*QSlider::sub-page:vertical {
     height: 56px;
     width: 3px;
     background: rgba(78, 81, 206, 0.25);
+}*/
+
+QSlider#RedLightverticalSlider::handle:vertical,
+QSlider#RedLightverticalSlider_L::handle:vertical,
+QSlider#RedLightverticalSlider_2::handle:vertical
+{
+    border-image: url(:/images/LightGroup/red.png);
+    height: 6px;
+    margin: 0px -5px 0px -5px;
+    border-radius: 4px;
 }
 
-QSlider::handle:vertical {
-    border-image: url(:/images/LightGroup/slider.png);
+QSlider#GreenLightverticalSlider::handle:vertical,
+QSlider#GreenLightverticalSlider_L::handle:vertical,
+QSlider#GreenLightverticalSlider_5::handle:vertical
+{
+    border-image: url(:/images/LightGroup/green.png);
+    height: 6px;
+    margin: 0px -5px 0px -5px;
+    border-radius: 4px;
+}
+
+QSlider#BlueLightverticalSlider::handle:vertical,
+QSlider#BlueLightverticalSlider_L::handle:vertical
+{
+    border-image: url(:/images/LightGroup/blue.png);
+    height: 6px;
+    margin: 0px -5px 0px -5px;
+    border-radius: 4px;
+}
+
+QSlider#DotLightverticalSlider::handle:vertical,
+QSlider#DotLightverticalSlider_L::handle:vertical,
+QSlider#DotLightverticalSlider_2::handle:vertical
+{
+    border-image: url(:/images/LightGroup/yellow.png);
     height: 6px;
     margin: 0px -5px 0px -5px;
     border-radius: 4px;

main.cpp

@@ -37,14 +37,6 @@ int main(int argc, char *argv[])
         qDebug() << "数据库加载成功!";
     }
 
-    QFile qssFile(":/light.qss");
-    if(qssFile.open(QFile::ReadOnly)){
-        //a.setStyleSheet(qssFile.readAll());
-        QString qssContent = qssFile.readAll();
-        a.setStyleSheet(qssContent);
-    }
-    qssFile.close();
-
     MainWnd w;
     w.show();
     return a.exec();

res.qrc

@@ -89,5 +89,17 @@
         <file>dark.qss</file>
         <file>images/home_left_hide.png</file>
         <file>images/home_right_show.png</file>
+        <file>images/deep/Demo001_1.png</file>
+        <file>images/deep/Demo001_2.png</file>
+        <file>images/deep/Demo001_3.png</file>
+        <file>images/deep/pen.png</file>
+        <file>images/deep/ruler.png</file>
+        <file>images/deep/zoom out.png</file>
+        <file>images/deep/zoom up.png</file>
+        <file>images/LightGroup/blue.png</file>
+        <file>images/LightGroup/green.png</file>
+        <file>images/LightGroup/red.png</file>
+        <file>images/LightGroup/yellow.png</file>
+        <file>images/deep/logo1.png</file>
     </qresource>
 </RCC>