QSS案例01（styleSheet）

🕗 发布于 2024-10-13 00:25 javascript css3 开发语言

QSS案例01

/* /

SET APP STYLESHEET - FULL STYLES HERE
DARK THEME - DRACULA COLOR BASED

/ */

QWidget{
color: rgb(221, 221, 221);
font: 10pt "Segoe UI";
}

/* /
Tooltip */
QToolTip {
color: #ffffff;
background-color: rgba(33, 37, 43, 180);
border: 1px solid rgb(44, 49, 58);
background-image: none;
background-position: left center;
    background-repeat: no-repeat;
border: none;
border-left: 2px solid rgb(255, 121, 198);
text-align: left;
padding-left: 8px;
margin: 0px;
}

/* /
Bg App */
#bgApp {
background-color: rgb(40, 44, 52);
border: 1px solid rgb(44, 49, 58);
}

/* /
Left Menu */
#leftMenuBg {
background-color: rgb(33, 37, 43);
}
#topLogo {
background-color: rgb(33, 37, 43);
background-image: url(:/images/images/images/PyDracula.png);
background-position: centered;
background-repeat: no-repeat;
}
#titleLeftApp { font: 63 12pt "Segoe UI Semibold"; }
#titleLeftDescription { font: 8pt "Segoe UI"; color: rgb(189, 147, 249); }

/* MENUS */
#topMenu .QPushButton {
background-position: left center;
    background-repeat: no-repeat;
border: none;
border-left: 22px solid transparent;
background-color: transparent;
text-align: left;
padding-left: 44px;
}
#topMenu .QPushButton:hover {
background-color: rgb(40, 44, 52);
}
#topMenu .QPushButton:pressed {
background-color: rgb(189, 147, 249);
color: rgb(255, 255, 255);
}
#bottomMenu .QPushButton {
background-position: left center;
    background-repeat: no-repeat;
border: none;
border-left: 20px solid transparent;
background-color:transparent;
text-align: left;
padding-left: 44px;
}
#bottomMenu .QPushButton:hover {
background-color: rgb(40, 44, 52);
}
#bottomMenu .QPushButton:pressed {
background-color: rgb(189, 147, 249);
color: rgb(255, 255, 255);
}
#leftMenuFrame{
border-top: 3px solid rgb(44, 49, 58);
}

/* Toggle Button */
#toggleButton {
background-position: left center;
    background-repeat: no-repeat;
border: none;
border-left: 20px solid transparent;
background-color: rgb(37, 41, 48);
text-align: left;
padding-left: 44px;
color: rgb(113, 126, 149);
}
#toggleButton:hover {
background-color: rgb(40, 44, 52);
}
#toggleButton:pressed {
background-color: rgb(189, 147, 249);
}

/* Title Menu */
#titleRightInfo { padding-left: 10px; }


/* /
Extra Tab */
#extraLeftBox {
background-color: rgb(44, 49, 58);
}
#extraTopBg{
background-color: rgb(189, 147, 249)
}

/* Icon */
#extraIcon {
background-position: center;
background-repeat: no-repeat;
background-image: url(:/icons/images/icons/icon_settings.png);
}

/* Label */
#extraLabel { color: rgb(255, 255, 255); }

/* Btn Close */
#extraCloseColumnBtn { background-color: rgba(255, 255, 255, 0); border: none;  border-radius: 5px; }
#extraCloseColumnBtn:hover { background-color: rgb(196, 161, 249); border-style: solid; border-radius: 4px; }
#extraCloseColumnBtn:pressed { background-color: rgb(180, 141, 238); border-style: solid; border-radius: 4px; }

/* Extra Content */
#extraContent{
border-top: 3px solid rgb(40, 44, 52);
}

/* Extra Top Menus */
#extraTopMenu .QPushButton {
background-position: left center;
    background-repeat: no-repeat;
border: none;
border-left: 22px solid transparent;
background-color:transparent;
text-align: left;
padding-left: 44px;
}
#extraTopMenu .QPushButton:hover {
background-color: rgb(40, 44, 52);
}
#extraTopMenu .QPushButton:pressed {
background-color: rgb(189, 147, 249);
color: rgb(255, 255, 255);
}

/* /
Content App */
#contentTopBg{
background-color: rgb(33, 37, 43);
}
#contentBottom{
border-top: 3px solid rgb(44, 49, 58);
}

/* Top Buttons */
#rightButtons .QPushButton { background-color: rgba(255, 255, 255, 0); border: none;  border-radius: 5px; }
#rightButtons .QPushButton:hover { background-color: rgb(44, 49, 57); border-style: solid; border-radius: 4px; }
#rightButtons .QPushButton:pressed { background-color: rgb(23, 26, 30); border-style: solid; border-radius: 4px; }

/* Theme Settings */
#extraRightBox { background-color: rgb(44, 49, 58); }
#themeSettingsTopDetail { background-color: rgb(189, 147, 249); }

/* Bottom Bar */
#bottomBar { background-color: rgb(44, 49, 58); }
#bottomBar QLabel { font-size: 11px; color: rgb(113, 126, 149); padding-left: 10px; padding-right: 10px; padding-bottom: 2px; }

/* CONTENT SETTINGS */
/* MENUS */
#contentSettings .QPushButton {
background-position: left center;
    background-repeat: no-repeat;
border: none;
border-left: 22px solid transparent;
background-color:transparent;
text-align: left;
padding-left: 44px;
}
#contentSettings .QPushButton:hover {
background-color: rgb(40, 44, 52);
}
#contentSettings .QPushButton:pressed {
background-color: rgb(189, 147, 249);
color: rgb(255, 255, 255);
}

/* /
QTableWidget */
QTableWidget {
background-color: transparent;
padding: 10px;
border-radius: 5px;
gridline-color: rgb(44, 49, 58);
border-bottom: 1px solid rgb(44, 49, 60);
}
QTableWidget::item{
border-color: rgb(44, 49, 60);
padding-left: 5px;
padding-right: 5px;
gridline-color: rgb(44, 49, 60);
}
QTableWidget::item:selected{
background-color: rgb(189, 147, 249);
}
QHeaderView::section{
background-color: rgb(33, 37, 43);
max-width: 30px;
border: 1px solid rgb(44, 49, 58);
border-style: none;
    border-bottom: 1px solid rgb(44, 49, 60);
    border-right: 1px solid rgb(44, 49, 60);
}
QTableWidget::horizontalHeader {
background-color: rgb(33, 37, 43);
}
QHeaderView::section:horizontal
{
    border: 1px solid rgb(33, 37, 43);
background-color: rgb(33, 37, 43);
padding: 3px;
border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
QHeaderView::section:vertical
{
    border: 1px solid rgb(44, 49, 60);
}

/* /
LineEdit */
QLineEdit {
background-color: rgb(33, 37, 43);
border-radius: 5px;
border: 2px solid rgb(33, 37, 43);
padding-left: 10px;
selection-color: rgb(255, 255, 255);
selection-background-color: rgb(255, 121, 198);
}
QLineEdit:hover {
border: 2px solid rgb(64, 71, 88);
}
QLineEdit:focus {
border: 2px solid rgb(91, 101, 124);
}

/* /
PlainTextEdit */
QPlainTextEdit {
background-color: rgb(27, 29, 35);
border-radius: 5px;
padding: 10px;
selection-color: rgb(255, 255, 255);
selection-background-color: rgb(255, 121, 198);
}
QPlainTextEdit  QScrollBar:vertical {
    width: 8px;
 }
QPlainTextEdit  QScrollBar:horizontal {
    height: 8px;
 }
QPlainTextEdit:hover {
border: 2px solid rgb(64, 71, 88);
}
QPlainTextEdit:focus {
border: 2px solid rgb(91, 101, 124);
}

/* /
ScrollBars */
QScrollBar:horizontal {
    border: none;
    background: rgb(52, 59, 72);
    height: 8px;
    margin: 0px 21px 0 21px;
border-radius: 0px;
}
QScrollBar::handle:horizontal {
    background: rgb(189, 147, 249);
    min-width: 25px;
border-radius: 4px
}
QScrollBar::add-line:horizontal {
    border: none;
    background: rgb(55, 63, 77);
    width: 20px;
border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    subcontrol-position: right;
    subcontrol-origin: margin;
}
QScrollBar::sub-line:horizontal {
    border: none;
    background: rgb(55, 63, 77);
    width: 20px;
border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    subcontrol-position: left;
    subcontrol-origin: margin;
}
QScrollBar::up-arrow:horizontal, QScrollBar::down-arrow:horizontal
{
     background: none;
}
QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal
{
     background: none;
}
 QScrollBar:vertical {
border: none;
    background: rgb(52, 59, 72);
    width: 8px;
    margin: 21px 0 21px 0;
border-radius: 0px;
 }
 QScrollBar::handle:vertical {
background: rgb(189, 147, 249);
    min-height: 25px;
border-radius: 4px
 }
 QScrollBar::add-line:vertical {
     border: none;
    background: rgb(55, 63, 77);
     height: 20px;
border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
     subcontrol-position: bottom;
     subcontrol-origin: margin;
 }
 QScrollBar::sub-line:vertical {
border: none;
    background: rgb(55, 63, 77);
     height: 20px;
border-top-left-radius: 4px;
    border-top-right-radius: 4px;
     subcontrol-position: top;
     subcontrol-origin: margin;
 }
 QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
     background: none;
 }

 QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
     background: none;
 }

/* /
CheckBox */
QCheckBox::indicator {
    border: 3px solid rgb(52, 59, 72);
width: 15px;
height: 15px;
border-radius: 10px;
    background: rgb(44, 49, 60);
}
QCheckBox::indicator:hover {
    border: 3px solid rgb(58, 66, 81);
}
QCheckBox::indicator:checked {
    background: 3px solid rgb(52, 59, 72);
border: 3px solid rgb(52, 59, 72);
background-image: url(:/icons/images/icons/cil-check-alt.png);
}

/* /
RadioButton */
QRadioButton::indicator {
    border: 3px solid rgb(52, 59, 72);
width: 15px;
height: 15px;
border-radius: 10px;
    background: rgb(44, 49, 60);
}
QRadioButton::indicator:hover {
    border: 3px solid rgb(58, 66, 81);
}
QRadioButton::indicator:checked {
    background: 3px solid rgb(94, 106, 130);
border: 3px solid rgb(52, 59, 72);
}

/* /
ComboBox */
QComboBox{
background-color: rgb(27, 29, 35);
border-radius: 5px;
border: 2px solid rgb(33, 37, 43);
padding: 5px;
padding-left: 10px;
}
QComboBox:hover{
border: 2px solid rgb(64, 71, 88);
}
QComboBox::drop-down {
subcontrol-origin: padding;
subcontrol-position: top right;
width: 25px; 
border-left-width: 3px;
border-left-color: rgba(39, 44, 54, 150);
border-left-style: solid;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-image: url(:/icons/images/icons/cil-arrow-bottom.png);
background-position: center;
background-repeat: no-reperat;
 }
QComboBox QAbstractItemView {
color: rgb(255, 121, 198);
background-color: rgb(33, 37, 43);
padding: 10px;
selection-background-color: rgb(39, 44, 54);
}

/* /
Sliders */
QSlider::groove:horizontal {
    border-radius: 5px;
    height: 10px;
margin: 0px;
background-color: rgb(52, 59, 72);
}
QSlider::groove:horizontal:hover {
background-color: rgb(55, 62, 76);
}
QSlider::handle:horizontal {
    background-color: rgb(189, 147, 249);
    border: none;
    height: 10px;
    width: 10px;
    margin: 0px;
border-radius: 5px;
}
QSlider::handle:horizontal:hover {
    background-color: rgb(195, 155, 255);
}
QSlider::handle:horizontal:pressed {
    background-color: rgb(255, 121, 198);
}

QSlider::groove:vertical {
    border-radius: 5px;
    width: 10px;
    margin: 0px;
background-color: rgb(52, 59, 72);
}
QSlider::groove:vertical:hover {
background-color: rgb(55, 62, 76);
}
QSlider::handle:vertical {
    background-color: rgb(189, 147, 249);
border: none;
    height: 10px;
    width: 10px;
    margin: 0px;
border-radius: 5px;
}
QSlider::handle:vertical:hover {
    background-color: rgb(195, 155, 255);
}
QSlider::handle:vertical:pressed {
    background-color: rgb(255, 121, 198);
}

/* /
CommandLinkButton */
QCommandLinkButton {
color: rgb(255, 121, 198);
border-radius: 5px;
padding: 5px;
color: rgb(255, 170, 255);
}
QCommandLinkButton:hover {
color: rgb(255, 170, 255);
background-color: rgb(44, 49, 60);
}
QCommandLinkButton:pressed {
color: rgb(189, 147, 249);
background-color: rgb(52, 58, 71);
}

/* /
Button */
#pagesContainer QPushButton {
border: 2px solid rgb(52, 59, 72);
border-radius: 5px;
background-color: rgb(52, 59, 72);
}
#pagesContainer QPushButton:hover {
background-color: rgb(57, 65, 80);
border: 2px solid rgb(61, 70, 86);
}
#pagesContainer QPushButton:pressed {
background-color: rgb(35, 40, 49);
border: 2px solid rgb(43, 50, 61);
}

原文地址：https://blog.csdn.net/qh0526wy/article/details/142881087

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

The current Windows user is not valid for executing Rabbitmq scripts
在New Configuration或者Join host 配置的时候，执行配置信息报错如下。要解决这个问题，需要卸载Erlang和RabbitMQ并重新安装。可能的原因有如下两点。
阅读更多2024-10-14
【前端】Bootstrap：快速开始
Bootstrap 是一个功能强大且易于使用的前端框架，专门用于创建响应式和移动优先的网页。学习Bootstrap不仅可以帮助你快速构建现代网页，还可以提升你对前端开发流程的理解。本教程将从基础概念开
阅读更多2024-10-14
ijkMediaPlayer+ TextureView 等比全屏播放视频（避免拉伸）
在onSurfaceTextureAvailable才能拿到textureViewWidth和textureViewHeight的真实长度。废话不多说，直接上代码。
阅读更多2024-10-14
如何设置JMeter界面的永久汉化？
如何设置JMeter界面的永久汉化？
阅读更多2024-10-14
String.prototype.slice()一些知识点
由于 slice() 方法正确处理了字符边界，确保每个字符都是完整截取的，所以结果是正确的。因此，slice(5, 11) 截取的结果是 “𮧵𠯂𪑟”，这是一个合法的字符串片段。slice(5, 11)
阅读更多2024-10-14
【读书笔记·VLSI电路设计方法解密】问题12：制造MOSFET晶体管的主要工艺步骤是什么
VLSI芯片是在半导体材料上制造的，这种材料的导电性介于绝缘体和导体之间。
阅读更多2024-10-14
SpringBoot高校学科竞赛平台：安全与维护指南
领队老师功能有个人中心，题目类型管理，竞赛题库管理，竞赛类型管理，竞赛信息管理，报名信息管理，竞赛评分管理，参赛名单管理，晋级名单管理，获奖名单管理，竞赛总结管理，报销清单管理，成绩申诉管理，参赛信息
阅读更多2024-10-14
hive 误删表恢复
hive表分内部表和外部表，误删（drop）后，其恢复逻辑是不同的。
阅读更多2024-10-14
（十二）rsync 远程数据同步
【代码】（十二）rsync 远程数据同步。
阅读更多2024-10-14
智能伺服，精准控制：匠芯创科技M6800系列方案助力工业升级
通过DC-DC输出15V与12V（用于风扇供电），15V通过DC-DC输出5V，5V通过DC-DC输出1.2V给予芯片内核供电和通过LDO输出3.3V用于给芯片供电，这里需要直接关注的点就是DC-DC
阅读更多2024-10-14

QSS案例01（styleSheet）

相关文章