分享一个经典黑qss风格样式

2023-11-05

/* === Shared === */
QStackedWidget, QLabel, QPushButton, QRadioButton, QCheckBox, 
QGroupBox, QStatusBar, QToolButton, QComboBox, QDialog {
    background-color: #222222;
    color: #BBBBBB;
    font-family: "Segoe UI";
}

/* === QWidget === */
QWidget:window {
    background: #222222;
    color: #BBBBBB;
    font-family: "Segoe UI";
}

/* === QToolTip === */
QToolTip {
    background-color: #000000;
    border: 2px solid #333333;
    color: yellow;
}

/* === QPushButton === */
QPushButton {
    border: 1px solid #333333;
    padding: 4px;
    min-width: 65px;
    min-height: 12px;
}

QPushButton:hover {
    background-color: #333333;
    border-color: #444444;
}

QPushButton:pressed {
    background-color: #111111;
    border-color: #333333;
    color: yellow;
}

QPushButton:disabled {
    color: #333333;
}

/* === Checkable items === */
QCheckBox::indicator, QRadioButton::indicator, QTreeView::indicator {
    width: 16px;
    height: 16px;
    background-color: #111111;
    border: 1px solid #333333;
}

QRadioButton::indicator {
    border-radius: 8px;
}

QCheckBox::indicator::checked, QRadioButton::indicator::checked, QTreeView::indicator::checked {
    background-color: qradialgradient(cx:0.5, cy:0.5, fx:0.25, fy:0.15, radius:0.3, stop:0 #BBBBBB, stop:1 #111111);
}

QCheckBox::indicator:disabled, QRadioButton::indicator:disabled, QTreeView::indicator:disabled {
    background-color: #444444;
}

QCheckBox::indicator::checked:disabled, QRadioButton::indicator::checked:disabled, QTreeView::indicator::checked:disabled {
    background-color: qradialgradient(cx:0.5, cy:0.5, fx:0.25, fy:0.15, radius:0.3, stop:0 #BBBBBB, stop:1 #444444);
}

/* === QComboBox === */
QComboBox {
    background-color: black;
    border: 1px solid #333333;
    color: white;
    padding:1px 2em 1px 3px;
}

QComboBox::drop-down {
    subcontrol-origin: padding;
    subcontrol-position: top right;
    border-left: 1px solid #333333;
}

QComboBox::down-arrow {
    border: 2px solid #333333;
    width: 6px;
    height: 6px;
    background: #5f5f5f;
}

/* === QGroupBox === */
QGroupBox {
    border: 2px solid #333333;
    margin-top: 2ex;
}

QGroupBox::title {
    color: yellow;
    subcontrol-origin: margin;
    subcontrol-position: top left;
    margin-left: 5px;
}

/* === QTabWidget === */
QTabWidget::pane {
    background: #222222;
    border: 2px solid #333333;
}

/* === QTabBar === */
QTabBar::tab {
    background: transparent;
    border: 1px solid #333333;
    border-bottom: none;
    color: #BBBBBB;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

QTabBar::tab:hover {
    background-color: #333333;
    border: 1px solid #444444;
    border-bottom: none;
}

QTabBar::tab:selected {
    background-color: #111111;
    border: 1px solid #333333;
    border-top: 1px solid yellow;
    border-bottom: none;
    color: yellow
}

/* === QToolBar === */
QToolBar {
    background-color: #222222;
    border: none;
    padding: 1px;
}

QToolBar:handle {
    background: #222222;
    border-left: 1px dotted yellow;
    color: #BBBBBB;
}

QToolBar::separator {
    width: 6px;
    background-color: #222222;
}

/* === QToolButton === */
QToolButton {
    border: 1px solid #333333;
    margin: 1px;
}

QToolButton:hover {
    background-color: #333333;
    border: 1px solid #444444;
}

QToolButton[popupMode="1"] { /* only for MenuButtonPopup */
    padding-right: 20px; /* make way for the popup button */
}

QToolButton::menu-button {
    border-left: 1px solid #333333;
    background: transparent;
    width: 16px;
}

QToolButton::menu-button:hover {
    border-left: 1px solid #444444;
    background: transparent;
    width: 16px;
}

QToolButton:checked, QToolButton:pressed {
    background-color: #111111;
    color: yellow;
}

/* === QMenu === */
QMenu {
    background-color: black;
    border: 1px solid gray;
    color: white;
    padding: 1px;
}

QMenu::item {
    padding: 2px 25px 2px 20px;
    border: 1px solid transparent;
}

QMenu::item:disabled {
    color: #666666;
}

QMenu::item:selected {
    border-color: gray;
    background: #222222;
}

QMenu::icon:checked {

}

QMenu::separator {
    height: 1px;
    background: #222222;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 1px;
    margin-bottom: 1px;
}

QMenu::indicator {
    width: 13px;
    height: 13px;
}

/* === QMenuBar === */
QMenuBar {
    background-color: black;
    color: white;
}

QMenuBar::item {
    background: transparent;
}

QMenuBar::item:disabled {
    color: gray;
}

QMenuBar::item:selected {
    background: #222222;
}

QMenuBar::item:pressed {
    background: #444444;
}
 
/* === QScrollBar:vertical === */
QScrollBar:vertical {
    background: #111111;
    width: 16px;
    margin: 16px 0 16px 0;
}

QScrollBar::handle:vertical {
    background: #555555;
    min-height: 16px;
}

QScrollBar::add-line:vertical {
    background: #444444;
    height: 16px;
    subcontrol-position: bottom;
    subcontrol-origin: margin;
}

QScrollBar::sub-line:vertical {
    background: #444444;
    height: 16px;
    subcontrol-position: top;
    subcontrol-origin: margin;
}

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

QScrollBar:up-arrow:vertical, QScrollBar:down-arrow:vertical {
    border: 2px solid #333333;
    width: 6px;
    height: 6px;
    background: #5f5f5f;
}

/* === QScrollBar:horizontal === */
QScrollBar:horizontal {
    background: #111111;
    height: 16px;
    margin: 0 16px 0 16px;
}

QScrollBar::handle:horizontal {
    background: #555555;
    min-width: 16px;
}

QScrollBar::add-line:horizontal {
    background: #444444;
    width: 16px;
    subcontrol-position: right;
    subcontrol-origin: margin;
}

QScrollBar::sub-line:horizontal {
    background: #444444;
    width: 16px;
    subcontrol-position: left;
    subcontrol-origin: margin;
}

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

QScrollBar:left-arrow:horizontal, QScrollBar:right-arrow:horizontal {
    border: 2px solid #333333;
    width: 6px;
    height: 6px;
    background: #5f5f5f;
}

/* =================== */
QLineEdit, QListView, QTreeView, QTableView, QAbstractSpinBox {
    background-color: black;
    color: #BBBBBB;
    border: 1px solid #333333;
}

QAbstractScrollArea, QLineEdit, QTextEdit, QAbstractSpinBox, QComboBox {
    border-color: #333333;
    border: 1px solid #333333;

}

/* === QHeaderView === */
QHeaderView::section {
    background: #222222;
    border: 0;
    color: #BBBBBB;
    padding: 3px 0 3px 4px;
}

/* === QListView === */
QListView::item:hover {
    background: #333333;
}

QListView::item:selected {
    background: #111111;
    color: yellow;
}

/* === QTableView === */
QTableView::item:hover {
    background: #333333;
}

QTableView::item:hover {
    background: #111111;
    color: yellow;
}

/* === QTreeView === */
QTreeView::item {
    background: black;
}

QTreeView::item:hover {
    background: #333333;
}

QTreeView::item:selected {
    background: #111111;
    color: yellow;
}

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

分享一个经典黑qss风格样式 的相关文章

  • QT 中 QPushButton 的qss样式background-color无效

    在设计界面为QPushButton设置了样式 或者在QPushButton的上层对象的样式处设置了按钮的样式 解决方法 xff1a 删除设计界面设置的按钮样式 xff0c 可能在不同层 xff0c widget xff0c widget 3
  • QScrollArea qss样式设置失效问题

    QScrollArea通过样式改变背景色 遇到设置QScrollArea qss无法生效问题 xff0c 网上没找到合适解决办法 xff0c 查看QScrollArea qt4源码后发现 xff0c 增加如下代码之后 xff0c qss正常
  • C++Qt开发——QSS样式表

    1 样式表 Qt样式表 style sheet 是用于定制用户界面的强有力的机制 xff0c 其概念 术语是收到HTML中的级联样式表 Cascading Style Sheets CCS 启发而来 xff0c 只是Qt样式表是用用于窗体界
  • PyQt5中QSS设置全局StyleSheet的学习

    这阵子在学习PyQt5 xff0c 在学习过程中查阅很多资料和网站内容 现在希望一边学习 xff0c 一边作笔记 xff0c 并分享在互联网上 xff0c 能够给别人带来方便的同时自己也提升得更快 这篇博文主要总结PyQt5中QSS的使用方
  • QSS之QPushButton 详细介绍

    官方参考资料 span class hljs tag QPushButton span span class hljs rules span class hljs comment 前景色 span span class hljs rule
  • Qt QTableWidget 样式表

    QHeaderView QTableWidget 标题头整个区域 background transparent 整个标题头区域背景色 QHeaderView section 标题头 每个单独的标题区域 font size 14px 每个标题
  • Qt QComboBox QSS样式设置

    QComboBox 样式表可谓太丰富了 研究了一阵 总结出的记录 QComboBox整体样式 未下拉时 QComboBox的样式 QComboBox border radius 3px padding 1px 18px 1px 3px ba
  • pyside6中QcommandLinkButton 控件qss有哪些用法和案例

    QCommandLinkButton 是 Qt GUI 框架中的一个功能按钮类 而 Qt Style Sheets QSS 提供了一种强大的方式来自定义 Qt 控件的外观 以下是 QCommandLinkButton 常用的 QSS 用法
  • Qt 样式表之QSS

    前言 最近想给程序做个换皮肤的功能 于是想起了用 QSS QSS 这个东西也算是老古董了 博主刚工作那会就有接触过 但是没有深入去了解 趁着这一次机会来学习一下 网上翻阅了一些资料 结合 Qt 的官方文档 博主把 QSS 的相关知识点整理了
  • Qt样式表 基础篇(1)

    一 什么是Qt样式表 Qt样式表是一种强大的Qt机制 除了通过子类QStyle已经可以实现的功能之外 它还允许自定义小部件的外观 Qt样式表的概念 术语和语法深受HTML层叠样式表 CSS 的启发 但同时适应了Qt 的小窗体部件 二 概述
  • Qt样式表 基础篇(2)

    这部分的内容直接来自Qt官方文档 原滋原味 不做过多介绍和翻译 因为 实在是非常完备了 Qt 帮助文档 目录 Qt Style Sheets Reference 样式表相关资料 List of Stylable Widgets 可设置样式的
  • 在 QSS 中设置 Qt Widget 属性

    在 QSS 中设置 Qt Widget 属性 默认样式 QSS 自定义属性与 Qt 类型对应 使用枚举 使用 QSS 属性选择器 代码实例 在 QSS 中设置 Qt Widget 属性 Q OBJECT 添加自定义属性到 Qt动态属性系统
  • 14-QDockWidget

    QDockWidget QDockWidget border 1px solid red titlebar close icon url images 111 bmp titlebar normal icon url images clos
  • Qt中的QSS Subcontrol

    QSS Subcontrol 普通的 QSS 和 CSS 没什么区别 难度不大 但除此之外 想要使用好 QSS 还必须得掌握好 subcontrol 这个在 CSS 里没有 是 Qt 独有的 什么是 subcontrol 一个复杂的 wid
  • 分享一个QTabWidget的好看样式

    void setTabWidgetStyleSheet QTabWidget obj obj gt setStyleSheet QTabWidget background color transparent QTabWidget pane
  • Qt扫盲-QSS概述

    QSS概述 一 概述 二 详细 一 概述 QSS 其实是Qt样式表 Qt样式表是Qt界面的一种强大的机制 除了通过继承QStyle已经可以实现的功能外 它还允许您自定义窗口组件的外观 Qt样式表的概念 术语和语法很大程度上受到HTML层叠样
  • QWidgetAction实现鼠标滑过菜单项图标高亮显示

    需求是鼠标滑过菜单项时 菜单项的文字 icon以及子菜单的小箭头都要高亮显示 qss中只能设置item背景色 文字颜色以及子菜单小箭头的样式 icon的图片不能切换 另外曾经想过用indicator 对action setCheckable
  • QT中按钮格式QSS代码

    鼠标正常时按钮效果 QPushButton myButton normal 鼠标正常时的效果 color 000000 background color rgb 40 85 20 改变背景色 border style inset 改变边框风
  • QT 怎么导入qss文件?

    方式一 比较常见的方法 QFile file qss psblack css if file open QFile ReadOnly QString qss QLatin1String file readAll qApp gt setSty
  • Qt之QSS中替代background-position的方法。

    学过css的朋友 应该都多少了解一些雪碧图相关的知识 雪碧图 用的就是background position来确定选取的素材位置 比如 素材中每张扑克的宽高分别为49px 66px 如果我要选用红桃8 我就会在css中写 backgroun

随机推荐

  • 讲清楚 React 的重新渲染

    Web 前端开发者对渲染和重新渲染应该不陌生 在 React 中 它们究竟是什么意思 渲染 React 让组件根据当前的 props 和 state 描述它要展示的内容 重新渲染 React 让组件重新描述它要展示的内容 要将组件显示到屏幕
  • 推荐系统的挑战

    推荐系统的挑战 推荐系统简介 随着互联网2 0的发展 用户不再是数据的消费者 满足于关键词的搜索和在线浏览 而成为了数据的生产者 数据逐渐由专业机构的生产转向由用户的生产 数据量也日益剧增 信息过载油然而生 具体的表现是一是信息过滤即如何从
  • STM32单片机超声波测距(避障)

    文章目录 1 实物准备 2 原理介绍 3 代码 4 实物结果演示 1 实物准备 STM32单片机 STM32F103C8T6 超声波传感器 HC SR04 2 原理介绍 2 1 超声波传感器引脚和参数介绍 PA0 gt Trig PA1 g
  • 安卓运行linux

    这本阿里P8撰写的算法笔记 再次推荐给大家 身边不少朋友学完这本书最后加入大厂 Github 疯传 史上最强悍 阿里大佬 LeetCode刷题手册 开放下载了 安卓直接运行arm linux gnueabi gcc编译的标准嵌入式Linux
  • kettle 抽取Excel字段,字段被系统添加.0 导致字段过长

    设置为字符串格式 并修改格式
  • Golang V1.19.1 安装配置 (windows

    目录 一 安装 1 下载地址 2 安装过程 二 环境配置 1 环境变量 2 更改代理地址 三 开发工具 1 Visual Studio Code 2 goland 一 安装 1 下载地址 https golang google cn dl
  • AnyViewer——局域网外远程控制电脑

    优势 免费 傻瓜式操作 小众 不容易涨价 缺点 手机端获取不到电脑声音 文件 手机端APP 各大应用商城即可下载 电脑端应用及使用方式 如何使用傲梅远程桌面软件 手机端和电脑端文件传输方案 阿里云盘 AnyViewer 手机端和电脑端的文件
  • 在QT的UI界面,让Widget可以跟随窗体大小而改变

    可以使用布局 Layout 机制让Widget QWidget 随窗口一起缩放和移动 Qt提供以下几种布局 QHBoxLayout 将QWidget按照水平方向依次排列 QVBoxLayout 将QWidget按照垂直方向依次排列 QGri
  • QString与char *转换

    QString转换成char 方法一 转换为Latin1字符集的char QString qstr test char ch qstr toLatin1 data qDebug lt lt ch lt
  • Io汇总(二) inputStream 以及子类

    InputStream public abstract class InputStream implements Closeable 字节输入流的所有超类 abstract int read 从输入流读取数据的下一个字节 int read
  • nacos--基础--2.1--部署--介绍

    nacos 基础 2 1 部署 介绍 1 Nacos部署环境 Nacos定义为一个IDC内部应用组件 并非面向公网环境的产品 建议在内部隔离网络环境中部署 强烈不建议部署在公共网络环境 2 Nacos支持三种部署模式 单机模式 用于测试和单
  • 2021美赛C题

    2021年MCM问题C 确认黄蜂的传言 2019年9月 在加拿大不列颠哥伦比亚省的温哥华岛上发现了胡蜂 Vespa mandarinia 又称亚洲大黄蜂 的殖民地 鸟巢很快被摧毁 但这一事件的消息迅速传遍了整个地区 从那时起 在邻近的华盛顿
  • HTML讲解(HTML结构及标签)

    目录 1 HTML结构 1 1 HTML 基本结构 1 2 标签层次结构 2 HTML常见标签 2 1 注释标签 2 2 标题标签 2 3 段落标签 2 4 换 标签 br 2 5 格式化标签 2 6 图 标签 img 2 7 超链接标签
  • 如何使用 Flutter 创建动态岛和 ActivityKit

    本教程将向您展示如何在 iOS 中设置动态岛 我使用的是 Xcode 14 1 Beta 2 但您可以将其用作 Native 和 Flutter 的指南 当 Xcode 14 1 发布或 Apple 对 Beta 版进行更改时 我将再次更新
  • sbrk() 函数是干什么的?

    brk和sbrk主要的工作是实现虚拟内存到内存的映射 在GNU C中 内存分配是这样的 每个进程可访问的虚拟内存空间为3G 但在程序编译时 不可能也没必要为程序分配这么大的空间 只分配并不大的数据段空间 程序中动态分配的空间就是从这一块分配
  • matplotlib折线图及其简单图形格式设置,自己留着用的

    matplotlib 简单图形格式设置 方便自己 coding utf 8 author qyy time 2019 7 10 from pylab import import matplotlib pyplot as plt 图像上显示中
  • RNN循环神经网络训练过程的matlab模拟仿真

    目录 1 算法概述 2 仿真效果 3 MATLAB仿真源码 1 算法概述 CNN 卷积神经网络 我们会发现 他们的输出都是只考虑前一个输入的影响而不考虑其它时刻输入的影响 比如简单的猫 狗 手写数字等单个物体的识别具有较好的效果 但是 对于
  • DataGrip使用

    DataGrip是JetBrains的一款数据库管理IDE 苦于现在使用的工具很不顺手 就安装了这款工具的试用版 发现功能还是很强大 JB还是很给力 下载 在官网下载DataGrip的社区试用版 地址是 https www jetbrain
  • [R语言]手把手教你如何绘图(万字)

    目录 概况 常用高级图形 条形图 csv文件导入 csv文件导出 R语言sep函数 seq函数 with函数 直方图和密度估计图 盒型图 boxplot 正态QQ图 散点图 pairs 散点矩阵图 曲线图 curve 三维图 动态三维图 低
  • 分享一个经典黑qss风格样式

    Shared QStackedWidget QLabel QPushButton QRadioButton QCheckBox QGroupBox QStatusBar QToolButton QComboBox QDialog backg