VideoClient98/src/resources/Qss/qss.qss

/************************QWidget窗体设置****************************/
QWidget{
    background-color: rgb(55,55,55);
}

/************************QPushButton按钮设置****************************/
QPushButton{
    background-color:rgb(50,50,50);
    color:#2f3640;
    background-color: #f5f6fa;
    border-color: #2f3640;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}

/*hover样式*/
QPushButton:hover{
    background-color: rgb(155,155,155);
}
/*pressed样式*/
QPushButton:pressed{
    background-color: rgb(180,238,180);
}

/**按钮失能情况下样式**/
QPushButton::disabled {
    color: #b0b0b0;
    background-color: #cccccc;
    border: 1px solid #cccccc;
    opacity: 0.7;
}



/**播放按钮样式**/
QPushButton#medio{
    background: transparent;
}

QPushButton#medio:hover {

    background-color: #646464;
    border-color: #2f3640;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
}
QPushButton#medio:pressed {
    background: transparent;
}





/**************************QToolButton设置*************************/
QToolButton{
    font: 10pt '微软雅黑';
    color: rgba(0,0,0,200); /*#2f3640*/
    background-color: #f5f6fa;
    border-color: #2f3640;
    border-radius: 15px;
    border-style: solid;
    border-width: 2px;
    padding: 5px;
}

/**鼠标停留在按钮上的样式**/
QToolButton::hover{
    color: #FFFFFF;
    background-color: #718093;
    border-color: #2f3640;
}

/**按钮失能情况下样式**/
QToolButton::disabled {
    color: #b0b0b0;
    background-color: #cccccc;
    border: 1px solid #cccccc;
    opacity: 0.7;
}



/**************************QLineEdit编辑框设置*************************/
QLineEdit{
    color:rgb(255,255,255);
    border-radius: 2px;
    border: 1px groove gray;
    border-style: outset;
    font: 10pt "微软雅黑";
}

/***************************QComboBox下拉框设置************************/
QComboBox
{
    border-radius:3px;
    background-color:rgba(60,60,60,200);
    font: 75 10pt "微软雅黑";
    color:rgb(255,255,255);
    border:0px ;
    padding-top: 2px;
    padding-left: 2px;
    border-width: 0.5px;
    border-style: solid;
    border-color: rgb(255,255,255);
}
QComboBox:disabled
{
    background-color:rgba(50,50,50,200);
    font: 75 10pt "微软雅黑";
    color:rgb(160,160,160);
}
QComboBox:hover
{
    background-color:rgba(45,45,45,200);
    border:1px solid rgb(31,156,220) ;
}
/*点击combox的样式*/
QComboBox:on
{
    border-radius:3px;
    background-color:rgba(35,35,35,100);
    font: 75 10pt "微软雅黑";
    color:rgb(255,255,255);
    border:1px solid rgb(31,156,220) ;
}
/*下拉框的样式*/
QComboBox QAbstractItemView
{
    outline: 0px solid gray;  /*取消选中虚线*/
    border: 1px solid rgb(31,156,220);
    font: 75 10pt "微软雅黑";
    color: rgb(255,255,255);
    background-color: rgb(45,45,45);
    selection-background-color: rgb(90,90,90);
}
 /*选中每一项高度*/
QComboBox QAbstractItemView::item
 {
    height: 25px;
 }
/*选中每一项的字体颜色和背景颜色*/
QComboBox QAbstractItemView::item:selected
{
    color: rgb(31,163,246);
    background-color: rgb(90,90,90);
}
/**********************设置TabWidget中的样式*****************/
TabWidget::tab
{
    border:1px solid rgb(31,156,220);
}
TabWidget::pane
{
    border-top:3px;
    /*border:none;*/
}
/**********************设置TabWidget中tab_x的样式*****************/
#tab_1.QWidget{
    background-color: rgb(50, 50, 50);
}
#tab_2.QWidget{
    background-color: rgb(50, 50, 50);
}
#tab_3.QWidget{
    background-color: rgb(50, 50, 50);
}
#tab_4.QWidget{
    background-color: rgb(50, 50, 50);
}
#tab_5.QWidget{
    background-color: rgb(50, 50, 50);
}
#tab_6.QWidget{
    background-color: rgb(50, 50, 50);
}

/************************QTabBar设置************************/
QTabBar::tab{
    background-color: #0B0E11;
    font-family:"微软雅黑";               /*设置tab中的文本的字体*/
    font-size:12pt;
    color:rgb(255,255,255);             /*设置tab中的文本的颜色*/
    border-top-left-radius: 5px;        /*设置tab的边框的圆角（左上圆角）*/
    border-top-right-radius: 5px;       /*设置tab的边框的圆角（右上圆角）*/
    min-width: 12px;
    padding: 5px;
    background-color: rgb(50, 50, 50);
}
/*设置TabWidget中QTabBar的tab被选中时的样式*/
QTabBar::tab:selected{
    background-color: rgb(204, 229, 255);
    color: rgb(50, 50, 50);
}
/*设置TabWidget中鼠标悬浮在QTabBar的tab上，但未选中该Tab的样式*/
QTabBar::tab:hover:!selected {
    background-color: rgb(224, 224, 224);
    color: rgb(50, 50, 50);
}
/*设置TabWidget的边框的样式*/
QTabWidget::pane {
    border: 1px solid rgb(108, 117, 125);
}
/*当打开多个tab，右侧出现，点击后，可以向前向后的按钮的样式*/
QTabBar QToolButton {
    border: none;
    color: rgb(255, 206, 6);
    background-color: #0b0e11;
}
QTabBar QToolButton:hover {
        background-color: rgb(50, 50, 50);
}

/****************************QLabel设置************************/
QLabel{
    color: rgb(255, 255, 255);
    font-family:"微软雅黑";
    font-size:10.5pt;
}
/***************************QSpinBox设置***********************/
QSpinBox{
    border-radius:1px;
    background-color:rgba(60,60,60,200);
    font: 10pt "微软雅黑";
    color:rgb(255,255,255);
    border-width: 0.5px;
    border-style: solid;
    border-color: rgb(255,255,255);
}
/***************************QGroupBox设置***********************/
QGroupBox{
    border:1px solid rgb(255,255,255);
    border-radius:6px;
    margin-top:10px;/*文字在方框中位置的偏离度*/
    color:rgb(153,255,153);
    font-family:"微软雅黑";
    font-size:12pt;
    /*font:bold 12px;*/
}
QGroupBox::title
{
    subcontrol-origin:margin;
    subcontrol-position:top center;
    right:5px;
    left:0px;
    padding:0 1px 0 1px;
}
/***************************QRadioButton设置***********************/
QRadioButton{
    color: rgb(255, 255, 255);
    font-family:"微软雅黑";
    font-size:10pt;
}
QRadioButton::indicator {
    width: 12px;
    height: 12px;
    border-radius: 7px; /* 让其看起来更圆 */
    border: 1px solid #5A5A5A; /* 边框颜色 */
}
/* 如果没有合适的图片，可以使用伪元素模拟 */
QRadioButton::indicator:checked::enabled {
    background-color: rgb(27,217,40);
    image: none; /* 移除图片，使用纯色 */
}
/***************************QFrame***********************/
QFrame#frameGDDCPage
{
    border:1px solid rgb(0,255,0);
}
/***************************QTableView***********************/
QTableView
{
    color: rgb(255, 255, 255);
    font: 10pt "Microsoft YaHei UI";
    border:none;
    background-color: rgba(50, 50, 50, 50); /*rgba(150, 223, 155, 50)*/
    selection-background-color: rgba(96, 96, 96, 0);        /*选中区域的背景色,设置成透明96,96,96*/
}
QTableWidget::item {
    font-size: 10pt;
    color: #34495E;
    height: 30px;
    width: 80px;
}
/*设置单元格背景颜色*/
QTableWidget::item:selected
{
    background-color:#CCFFE5;
}
/*设置表头背景颜色、角落颜色*/
QHeaderView::section,QTableCornerButton:section
{
    padding:3px;
    margin:0px;
    color:rgb(0, 255, 0);
    border:1px solid #242424;
    border-left-width:0px;
    border-right-width:1px;
    border-top-width:0px;
    border-bottom-width:1px;
    background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 rgb(128, 128, 128),stop:1 #525252);
}
QHeaderView::section:checked
{
    background-color: rgb(11, 11, 11);
}
/*设置表格中的水平线和垂直线*/
QTableWidget::horizontalHeader
{
    border-bottom: 1px solid #DADADA;
}
QTableWidget::verticalHeader
{
    border-right: 1px solid #DADADA;
}

QDoubleSpinBox
{
    color:white;
}