JSBTDieBondH/View/die-bonder-ui/dark.qss

* {
    font-family: "思源黑体M", "Source Han Sans", "Microsoft YaHei", sans-serif; /* 确保字体的兼容性 */
    font-size: 14px;
    font-weight: normal;
    outline: 0px;
}

/*登录*/
Login QWidget#widget_2
{
    background-image: url(:/images/login.png);
}

Login QWidget#widget
{
    border-radius: 20px;
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6164D6, stop: 1 #6164D6); /* 第一层渐变 */
}

Login QPushButton
{
    color:#FFFFFF;
    border-radius: 8px;
    background: #9294FF;
}

Login QLineEdit#userNameLineEdit,
Login QLineEdit#passLineEdit
{
    color:#FFFFFF;
    border-radius: 8px;
    padding-left:82px;
    border: 1px solid #9294FF;
    background: rgba(111, 113, 223, 0.2);
}

Login QLabel#label_user
{
    image: url(:/images/login_user.png);
}

Login QLabel#label_pass
{
    image: url(:/images/login_pass.png);
}

Login QFrame#line,
Login QFrame#line_2
{
    background: #9294FF;
}


/*主界面*/
MainWnd QWidget#TabSideBar
{
   background: #2F3297;
}

MainWnd QWidget#centralwidget
{
    background: #1D2087;
}

MainWnd QFrame#line,
OriginalWnd QFrame#line_2,
QFrame#line_3,
SingleCameraOperationWnd QFrame#line_2,
MainAndSecondaryCamerasWnd QFrame#line_16,
ChartsAndCamerasWnd QFrame#line_2
{
    border:none;
    background-color: rgba(186, 189, 220, 0.6);
}

MainWnd QWidget#TabSideBar QToolButton
{
    color: #FFFFFF;
    font-weight: bold;
    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: #E17D07;
}

MainWnd QToolButton
{
    padding-top: 8px;
}

QWidget#TabSideBar>QToolButton#tabHomeBtn
{
    qproperty-icon:url(:/images/deep/home.png);
}

QWidget#TabSideBar>QToolButton#tabProductionBtn
{
    qproperty-icon:url(:/images/deep/Productionn assistance.png);
}

QWidget#TabSideBar>QToolButton#tabProgramBtn
{
    qproperty-icon:url(:/images/deep/Program.png);
}

QWidget#TabSideBar>QToolButton#tabMessageBtn
{
    qproperty-icon:url(:/images/deep/Message.png);
}

QWidget#TabSideBar>QToolButton#tabModuleBtn
{
    qproperty-icon:url(:/images/deep/Module.png);
}

QWidget#TabSideBar>QToolButton#tabDispositionBtn
{
    qproperty-icon:url(:/images/deep/Disposition.png);
}

QWidget#TabSideBar>QToolButton#tabDiagnosisBtn
{
    qproperty-icon:url(:/images/deep/Diagnosis.png);
}

QWidget#TabSideBar>QToolButton#tabSystemBtn
{
    qproperty-icon:url(:/images/deep/System.png);
}

QWidget#TabSideBar>QToolButton#tabHelpBtn
{
    qproperty-icon:url(:/images/deep/Help.png);
}

/*顶部*/
QWidget#Toptitlebar
{
    /*border-radius: 6px;*/
    background: #4E53B8;
    color: #FFFFFF;
}

QWidget#Toptitlebar QLable#label_4
{
    color: #FFFFFF;
}

OriginalWnd QWidget#Toptitlebar QPushButton#CalibrationButton
{
    color: #FFFFFF;
    border-radius: 4px;
    background: #4AA2FF;
}

QWidget#Toptitlebar QPushButton#pushButton_2
{
    background-color: transparent;
    image: url(:/images/TopStatusBar/MachineLink.png);
}

QWidget#Toptitlebar QPushButton#pushButton_3
{
    background-color: transparent;
    image: url(:/images/TopStatusBar/HostStatus.png);
}

/*初始界面*/
OriginalWnd QWidget#widget_2,
OriginalWnd QWidget#widget
{
    background: #2F3297;
    border-radius: 10px;
}


OriginalWnd QWidget#widget QToolButton#stopButton
{
    border-radius: 6px;
    background: #F02962;
    color: #FFFFFF;
    padding-bottom: 10px;
    padding-left: 9px;
}

OriginalWnd QWidget#widget QToolButton#startButton
{
    border-radius: 6px;
    background: #4AB832;
    color: #FFFFFF;
    padding-bottom: 10px;
    padding-left: 9px;
}

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: #E17D07;
}

OriginalWnd QWidget#widget QToolButton#ChartButton
{
    border-radius: 6px;
    background: #5A5CAD;
    padding-bottom: 8px;
    qproperty-icon:url(:/images/deep/Demo001_1.png);
}

OriginalWnd QWidget#widget QToolButton#DoubleImageButton
{
    border-radius: 6px;
    background: #5A5CAD;
    padding-bottom: 8px;
    qproperty-icon:url(:/images/deep/Demo001_2.png);
}

OriginalWnd QWidget#widget QToolButton#SingleImageButton
{
    border-radius: 6px;
    background: #5A5CAD;
    padding-bottom: 8px;
    qproperty-icon:url(:/images/deep/Demo001_3.png);
}



SingleCameraOperationWnd QWidget#centralwidget,
MainAndSecondaryCamerasWnd QWidget#centralwidget,
ChartsAndCamerasWnd QWidget#Leftwidget,
ChartsAndCamerasWnd QWidget#Rightwidget
{
    border-radius: 10px;
    background: #2F3297;
}

Group QPushButton#GroupButton
{
    image: url(:/images/LightGroup/LightSwitch.png);
    border-radius: 6px;
    background: #6A6FFF;
}

SingleCameraOperationWnd QPushButton#LiveButton,
MainAndSecondaryCamerasWnd QPushButton#LeftLiveButton,
MainAndSecondaryCamerasWnd QPushButton#RightLiveButton,
ChartsAndCamerasWnd QPushButton#LiveButton
{
    color: #FFFFFF;
    border-radius: 6px;
    background: #6A6FFF;
}

SingleCameraOperationWnd QWidget#RedLight,
SingleCameraOperationWnd QWidget#GreenLight,
SingleCameraOperationWnd QWidget#BlueLight,
SingleCameraOperationWnd QWidget#DotLight,
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: #4E53B8;
}

SingleCameraOperationWnd QLineEdit,
MainAndSecondaryCamerasWnd QLineEdit,
ChartsAndCamerasWnd QLineEdit
{
    background: #4C4FA6;
    border-radius: 6px;
    border: 1px solid #6D6FB6;
    color: #FFFFFF;
}

SingleCameraOperationWnd QWidget#BackGround,
MainAndSecondaryCamerasWnd QWidget#LeftBackGround,
MainAndSecondaryCamerasWnd QWidget#RightBackGround,
ChartsAndCamerasWnd QWidget#BackGround
{
    background: #FFFFFF;
    border: 1px solid #BABBDC;
    border-radius: 0px;
}

QProgressBar {
    border: 2px solid grey;
    border-radius: 5px;
    background-color: transparent;
}

QProgressBar#RedLightprogressBar::chunk,
QProgressBar#RedLightprogressBar_2::chunk,
QProgressBar#RedLightprogressBar_L::chunk
{
    border-radius: 3px;
    background-color: red;
    height: 1px;

}

QProgressBar#GreenLightprogressBar::chunk,
QProgressBar#GreenLightprogressBar_5::chunk,
QProgressBar#GreenLightprogressBar_L::chunk
{
    border-radius: 3px;
    background-color: Green;
    height: 1px;
}

QProgressBar#BlueLightprogressBar::chunk,
QProgressBar#BlueLightprogressBar_2::chunk,
QProgressBar#BlueLightprogressBar_L::chunk
{
    border-radius: 3px;
    background-color: Blue;
    height: 1px;
}

QProgressBar#DotLightprogressBar::chunk,
QProgressBar#DotLightprogressBar_2::chunk,
QProgressBar#DotLightprogressBar_L::chunk
{
    border-radius: 3px;
    background-color: yellow;
    height: 1px;
}

/* 工具栏 */
SingleCameraOperationWnd QWidget#Toolbar,
MainAndSecondaryCamerasWnd QWidget#LeftToolbar,
MainAndSecondaryCamerasWnd QWidget#RightToolbar,
ChartsAndCamerasWnd QWidget#Toolbar
{
    border-radius: 6px;
    background: #4E53B8;
}

SingleCameraOperationWnd QWidget#Toolbar QPushButton,
MainAndSecondaryCamerasWnd QWidget#LeftToolbar QPushButton,
MainAndSecondaryCamerasWnd QWidget#RightToolbar QPushButton,
ChartsAndCamerasWnd QWidget#Toolbar QPushButton
{
    border-radius: 6px;
    background: #4E53B8;
    border:none;
}



SingleCameraOperationWnd QPushButton#pushButton_2,
SingleCameraOperationWnd QLabel#label_Percentage,
MainAndSecondaryCamerasWnd QPushButton#pushButton_2,
MainAndSecondaryCamerasWnd QLabel#Leftlabel_Percentage,
MainAndSecondaryCamerasWnd QPushButton#pushButton_4,
MainAndSecondaryCamerasWnd QLabel#Rightlabel_Percentage,
ChartsAndCamerasWnd QPushButton#pushButton_2,
ChartsAndCamerasWnd QLabel#label_Percentage
{
    color: #FFFFFF;
}





QScrollArea {
    background-color: transparent;
    border: none;
}

QScrollArea QWidget {
    background-color: transparent;
}


QScrollBar
{
    background:transparent;
    width:10px;
    height:10px;
    border-radius:5px;
    border-style: solid;
}

QScrollBar::handle
{
    background: #5058B3;
    border-radius: 5px;
}

QScrollBar::sub-page
{
    background:transparent;
    border:none;
}

QScrollBar::add-page
{
    background:transparent;
    border:none;
}

QScrollBar::up-arrow
{
    background:transparent;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

QScrollBar::down-arrow
{
    background:transparent;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

QScrollBar::sub-line
{
    background:transparent;
    border-radius: 5px;
}

QScrollBar::add-line
{
    background:transparent;
    border-radius: 5px;
}

ChartsAndCamerasWnd QWidget#Checkwidget
{
    border-radius: 6px;
    border: 1px solid #BABBDC;
}

ChartsAndCamerasWnd QCheckBox {
    border: 0px solid #FFFFFF;
    padding: 4px;
    spacing: 18px;
    color: #FFFFFF;
}

ChartsAndCamerasWnd QCheckBox::indicator{
    border: 1px solid #BABBDC;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0.01 #FFFFFF, stop: 1 #F2F2FA);
}

ChartsAndCamerasWnd QCheckBox::indicator:checked {
    image: url(:/images/check_selected.png);
}

ChartsAndCamerasWnd QLabel#GreenDiamond
{
    image: url(:/images/Participation display/GreenDiamond.png);
}

ChartsAndCamerasWnd QLabel#RedDiamond
{
    image: url(:/images/Participation display/RedDiamond.png);
}

ChartsAndCamerasWnd QLabel#BlueDiamond
{
    image: url(:/images/Participation display/BlueDiamond.png);
}

ChartsAndCamerasWnd QLabel#YellowDiamond
{
    image: url(:/images/Participation display/YellowDiamond.png);
}

ChartsAndCamerasWnd QLabel#BlackDiamond
{
    image: url(:/images/Participation display/BlackDiamond.png);
}

ChartsAndCamerasWnd QLabel#WhiteVerticalBar
{
    image: url(:/images/Participation display/White vertical bars.png);
}

ChartsAndCamerasWnd QLabel#RedHorizontalLine
{
    image: url(:/images/Participation display/Red horizontal line.png);
}

ChartsAndCamerasWnd QLabel#BlueHorizontalLine
{
    image: url(:/images/Participation display/Blue horizontal line.png);
}

ChartsAndCamerasWnd QLabel#BlueVerticalBar
{
    image: url(:/images/Participation display/Blue vertical bars.png);
}

ChartsAndCamerasWnd QLabel#GreenVerticalBar
{
    image: url(:/images/Participation display/Green vertical bars.png);
}

ChartsAndCamerasWnd QLabel#PurpleVerticalBar
{
    image: url(:/images/Participation display/Purple vertical bars.png);
}



/* ControlOperationPage 类的样式封装 */
ControlOperationPage QHBoxLayout#horizontalLayout_2
{
    border-radius: 6px;
    background: #4E53B8;
}


ControlOperationPage QHBoxLayout#horizontalLayout_2 QPushButton
{
    border-radius: 6px;
    background: #4E53B8;
    border:none;
}

/* 悬停时的样式 */
ControlOperationPage QHBoxLayout#horizontalLayout_2 QPushButton:hover
{
    background: #A6AFFF; /* 悬停时的背景颜色 */
}

/* 点击时的样式 */
ControlOperationPage QHBoxLayout#horizontalLayout_2 QPushButton:pressed
{
    background: #808FFF; /* 点击时的背景颜色 */
}

ControlOperationPage 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);
}


ControlOperationPage QPushButton#ZoomUpButton
{
    image: url(:/images/light/zoom up.png);
    border-radius: 6px;
    background: #CBD0FF;
    border: none;
}

ControlOperationPage QPushButton#ZoomOutButton
{
    image: url(:/images/light/zoom out.png);
    border-radius: 6px;
    background: #CBD0FF;
    border: none;
}


ControlOperationPage QPushButton#RulerButton
{
    image: url(:/images/light/ruler.png);
    border-radius: 6px;
    background: #CBD0FF;
    border: none;
}


ControlOperationPage QPushButton#PenButton
{
    image: url(:/images/light/pen.png);
    border-radius: 6px;
    background: #CBD0FF;
    border: none;
}

ControlOperationPage QPushButton#switchJoystickBut
{
    border-radius: 6px;
    background: #CBD0FF;
    border: none;

}
ControlOperationPage QPushButton#switchJoystickBut:pressed,
ControlOperationPage QPushButton#PenButton:pressed,
ControlOperationPage QPushButton#RulerButton:pressed,
ControlOperationPage QPushButton#ZoomOutButton:pressed,
ControlOperationPage QPushButton#ZoomUpButton:pressed,
ControlOperationPage QPushButton#switchJoystickBut:pressed
{
    background: #808FFF; /* 点击时的背景颜色 */
}


ControlOperationPage QPushButton#switchJoystickBut:hover,
ControlOperationPage QPushButton#PenButton:hover,
ControlOperationPage QPushButton#RulerButton:hover,
ControlOperationPage QPushButton#ZoomOutButton:hover,
ControlOperationPage QPushButton#ZoomUpButton:hover,
ControlOperationPage QPushButton#switchJoystickBut:hover
{
    background: #A6AFFF; /* 悬停时的背景颜色 */
}


ControlOperationPage QLabel#label_Percentage
{
    color: #4E51CE;
    border-radius: 6px;
    background: #CBD0FF;
    border: none;
}

Group QComboBox
{
    border:1px solid #BABBDC;
    border-radius:6px;
    background:#4C4FA6;
}

Group QComboBox::down-arrow
{
    image: url(:/images/drop.png);
    width: 30px;
    height:30px;
}

Group QComboBox::drop-down
{
    width:20px;
    border:none;
    padding-right:5px;
}
ControlOperationPage QComboBox
{
    border:1px solid #6D6FB6;
    border-radius:6px;
    background: #4C4FA6;
    color: #4C4FA6;
}

ControlOperationPage QComboBox::down-arrow
{
    image: url(:/images/drop.png);
    width: 30px;
    height:30px;
}

ControlOperationPage QComboBox::drop-down
{
    width:20px;
    border:none;
    padding-right:5px;
}

ControlOperationPage QWidget#BackGround
{
    background: #FFFFFF;
    border: 1px solid #BABBDC;
    border-radius: 0px;
}

/* LightJoystickSwitchPage */

LightJoystickSwitchPage{
   background: #D6D8ED; 
}

LightJoystickSwitchPage QTabWidget#switchTabWidget
{
    border-radius: 10px;
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #F1F4FD, stop: 1 #E5E4F6);
}

LightJoystickSwitchPage QTabWidget#switchTabWidget QWidget,
LightJoystickSwitchPage QTabWidget#switchTabWidget QWidget#GreenLightTab QWidget,
LightJoystickSwitchPage QTabWidget#switchTabWidget QWidget#JoystickTab QWidget

{
    background: #D6D8ED;
}

LightJoystickSwitchPage QSlider#RedLightverticalSlider::handle:vertical
{
    border-image: url(:/images/LightGroup/red.png);
    height: 6px;
    margin: 0px -5px 0px -5px;
    border-radius: 4px;
}

LightJoystickSwitchPage QSlider#GreenLightverticalSlider::handle:vertical
{
    border-image: url(:/images/LightGroup/green.png);
    height: 6px;
    margin: 0px -5px 0px -5px;
    border-radius: 4px;
}

LightJoystickSwitchPage QSlider#BlueLightverticalSlider::handle:vertical
{
    border-image: url(:/images/LightGroup/blue.png);
    height: 6px;
    margin: 0px -5px 0px -5px;
    border-radius: 4px;
}

LightJoystickSwitchPage QSlider#DotLightverticalSlider::handle:vertical
{
    border-image: url(:/images/LightGroup/yellow.png);
    height: 6px;
    margin: 0px -5px 0px -5px;
    border-radius: 4px;
}


/* 为垂直滑块设置样式 */
LightJoystickSwitchPage QSlider#RedLightverticalSlider::groove:vertical
{
    height: 56px;
    width: 3px;
    background: red;
}

/* 为垂直滑块设置样式 */
LightJoystickSwitchPage QSlider#GreenLightverticalSlider::groove:vertical
{
    height: 56px;
    width: 3px;
    background: green;
}

/* 为垂直滑块设置样式 */
LightJoystickSwitchPage QSlider#BlueLightverticalSlider::groove:vertical
{
    height: 56px;
    width: 3px;
    background: blue;
}

/* 为垂直滑块设置样式 */
LightJoystickSwitchPage QSlider#DotLightverticalSlider::groove:vertical
{
    height: 56px;
    width: 3px;
    background: yellow;
}

LightJoystickSwitchPage QProgressBar 
{
    border: 0.5px solid grey;
    border-radius: 5px;
    background-color: transparent;
}

LightJoystickSwitchPage QProgressBar#RedLightprogressBar::chunk
{
    border-radius: 3px;
    background-color: red;
    height: 1px;
}


LightJoystickSwitchPage QProgressBar#GreenLightprogressBar::chunk
{
    border-radius: 3px;
    background-color: Green;
    height: 1px;
}


LightJoystickSwitchPage QProgressBar#BlueLightprogressBar::chunk
{
    border-radius: 3px;
    background-color: Blue;
    height: 1px;
}

LightJoystickSwitchPage QProgressBar#DotLightprogressBar::chunk
{
    border-radius: 3px;
    background-color: yellow;
    height: 1px;
}


LightJoystickSwitchPage QTabWidget#switchTabWidget QLineEdit
{
    border-radius: 6px;
    border: 1px solid #BABBDC;
}