Qt中漂亮的几款QSS
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;
}
QTreeView::branch {
}
QTreeView::branch:has-siblings:adjoins-item {
}
QTreeView::branch:has-siblings:!adjoins-item {
}
QTreeView::branch:closed:has-children:has-siblings {
}
QTreeView::branch:has-children:!has-siblings:closed {
}
QTreeView::branch:!has-children:!has-siblings:adjoins-item {
}
QTreeView::branch:open:has-children:has-siblings {
}
QTreeView::branch:open:has-children:!has-siblings {
}
/* === Customizations === */
QFrame#infoLabel {
border: 1px inset #333333;
}
2.
background-color: beige;
}
QToolBar {
background-color: beige;
}
QDialog, QFileDialog {
background-color: beige;
}
QTabWidget::pane { /* The tab widget frame */
border-top: 2px solid #C2C7CB;
}
QTabWidget::tab-bar {
left: 5px; /* move to the right by 5px */
}
QTabBar, QTabWidget {
background-color: beige;
}
QTabBar::tab {
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
border: 1px solid darkkhaki;
border-bottom-color: #C2C7CB; /* same as the pane color */
border-top-left-radius: 4px;
border-top-right-radius: 4px;
min-width: 8ex;
padding: 2px;
}
QTabBar::tab:selected, QTabBar::tab:hover {
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 #fafafa, stop: 0.4 #f4f4f4,
stop: 0.5 #e7e7e7, stop: 1.0 #fafafa);
}
QTabBar::tab:selected {
border-color: #9B9B9B;
border-bottom-color: #C2C7CB; /* same as pane color */
}
QTabBar::tab:!selected {
margin-top: 2px; /* make non-selected tabs look smaller */
}
/* Nice Windows-XP-style password character. */
QLineEdit[echoMode="2"] {
lineedit-password-character: 9679;
}
QHeaderView::section {
background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
stop:0 #616161, stop: 0.5 #505050,
stop: 0.6 #434343, stop:1 #656565);
color: white;
padding-left: 4px;
border: 1px solid #6c6c6c;
}
QHeaderView::section:checked
{
background-color: red;
}
/* We provide a min-width and min-height for push buttons
so that they look elegant regardless of the width of the text. */
QPushButton {
background-color: palegoldenrod;
border-width: 2px;
border-color: darkkhaki;
border-style: solid;
border-radius: 5;
padding: 3px;
min-width: 9ex;
min-height: 2.5ex;
}
QPushButton:hover {
background-color: khaki;
}
/* Increase the padding, so the text is shifted when the button is
pressed. */
QPushButton:pressed {
padding-left: 5px;
padding-top: 5px;
background-color: #d0d67c;
}
QLabel, QAbstractButton {
font: bold;
}
/* Mark mandatory fields with a brownish color. */
.mandatory {
color: brown;
}
/* Bold text on status bar looks awful. */
QStatusBar QLabel {
font: normal;
}
QStatusBar::item {
border-width: 1;
border-color: darkkhaki;
border-style: solid;
border-radius: 2;
}
QStackedWidget, QComboBox, QLineEdit, QSpinBox, QTextEdit, QListView, QWebView, QTreeView, QHeaderView {
background-color: cornsilk;
selection-color: #0a214c;
selection-background-color: #C19A6B;
}
QListView {
show-decoration-selected: 1;
}
QListView::item:hover {
background-color: wheat;
}
/* We reserve 1 pixel space in padding. When we get the focus,
we kill the padding and enlarge the border. This makes the items
glow. */
QLineEdit, QFrame {
border-width: 1px;
padding: 1px;
border-style: solid;
border-color: darkkhaki;
border-radius: 5px;
}
/* As mentioned above, eliminate the padding and increase the border. */
QLineEdit:focus, QFrame:focus {
border-width: 3px;
padding: 0px;
}
/* A QLabel is a QFrame 
*/
QLabel {
border: none;
padding: 0;
background: none;
}
/* A QToolTip is a QLabel */
QToolTip {
border: 2px solid darkkhaki;
padding: 5px;
border-radius: 3px;
opacity: 200;
}
/* Nice to have the background color change when hovered. */
QRadioButton:hover, QCheckBox:hover {
background-color: wheat;
}
/* Force the dialog's buttons to follow the Windows guidelines. */
QDialogButtonBox {
button-layout: 0;
}
3.
Style by evilworks, 2012-2013. pollux@lavabit.com
This file is Public Domain.
*/
/* === Shared === */
QStackedWidget, QLabel, QPushButton, QRadioButton, QCheckBox,
QGroupBox, QStatusBar, QToolButton, QComboBox, QDialog, QTabBar {
font-family: "Segoe UI";
background-color: #888;
color: #000;
}
/* === QWidget === */
QWidget:window {
font-family: 'Segoe UI';
background-color: #888;
}
/* === QPushButton === */
QPushButton {
border: 1px solid #555;
padding: 4px;
min-width: 65px;
min-height: 12px;
}
QPushButton:hover {
background-color: #999;
}
QPushButton:pressed {
background-color: #333;
border-color: #555;
color: #AAA;
}
QPushButton:disabled {
color: #333333;
}
/* === QComboBox === */
QComboBox {
background-color: #AAA;
border: 1px solid #555;
color: black;
}
QComboBox::drop-down {
subcontrol-origin: padding;
subcontrol-position: top right;
border-left: 1px solid #333333;
}
/* === QGroupBox === */
QGroupBox {
border: 1px solid #555;
margin-top: 2ex;
}
QGroupBox::title {
color: black;
subcontrol-origin: margin;
subcontrol-position: top left;
border: 1px solid #555;
}
/* === QTabBar === */
QTabBar::tab {
border-bottom: none;
color: #000;
padding: 4px;
background-color: #888;
border: 1px solid #555;
}
QTabBar::tab:hover {
background-color: #AAA;
}
QTabBar::tab:selected {
background-color: #000;
color: white;
}
/* === QTabWidget === */
QTabWidget::pane {
background: #888;
border: 1px solid #555;
}
/* === QToolBar === */
QToolBar {
background: #949494;
border: none;
padding-left: 0px;
padding-right: 0px;
margin: 2px;
}
QToolBar::separator {
width: 1px;
margin-left: 3px;
margin-right: 3px;
background-color: #555;
}
/* === QToolButton === */
QToolButton {
border: 1px solid #666;
margin: 1px;
}
QToolButton:hover {
background-color: #AAA;
}
QToolButton[popupMode="1"] { /* only for MenuButtonPopup */
padding-right: 20px; /* make way for the popup button */
}
QToolButton::menu-button {
border-left: 1px solid #666;
background: transparent;
width: 16px;
}
QToolButton::menu-button:hover {
border-left: 1px solid #666;
background: transparent;
width: 16px;
}
QToolButton:checked, QToolButton:pressed {
background-color: #000;
border: 1px solid #555;
color: white;
}
/* === QScrollBar:vertical === */
QScrollBar:vertical {
width: 16px;
margin: 16px 0 16px 0;
background: #333;
}
QScrollBar::handle:vertical {
background: #888;
min-height: 16px;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
QScrollBar::add-line:vertical {
background: #888;
height: 16px;
subcontrol-position: bottom;
subcontrol-origin: margin;
}
QScrollBar::sub-line:vertical {
background: #888;
height: 16px;
subcontrol-position: top;
subcontrol-origin: margin;
}
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
background: none;
}
/* === QScrollBar:horizontal === */
QScrollBar:horizontal {
height: 16px;
margin: 0 16px 0 16px;
background: #333;
}
QScrollBar::handle:horizontal {
background: #888;
min-width: 16px;
border-left: 1px solid #666;
border-right: 1px solid #666;
}
QScrollBar::add-line:horizontal {
background: #888;
width: 16px;
subcontrol-position: right;
subcontrol-origin: margin;
}
QScrollBar::sub-line:horizontal {
background: #888;
width: 16px;
subcontrol-position: left;
subcontrol-origin: margin;
}
QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
background: none;
}
/* === 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;
}
/* =================== */
QLineEdit, QListView, QTreeView, QTableView, QAbstractSpinBox {
background-color: #AAA;
color: #000;
border: 1px solid #555;
}
QAbstractScrollArea, QLineEdit, QTextEdit, QAbstractSpinBox, QComboBox {
border: 1px solid #555;
}
/* === QHeaderView === */
QHeaderView::section {
height: 20px;
}
QHeaderView::section {
background: #666;
border: 0;
color: #000;
padding-left: 4px;
}
/* === QListView === */
QListView::item:hover {
background: #AAA;
}
QListView::item:selected {
background: #333;
color: #AAA;
}
/* === QTableView === */
QTableView::item:hover {
background: #333333;
}
QTableView::item:hover {
background: #111111;
color: yellow;
}
/* === QTreeView === */
QTreeView::item {
background: #AAA;
}
QTreeView::item:hover {
background: #CCC;
}
QTreeView::item:selected {
background: #333;
color: #AAA;
}
QTreeView::branch {
}
QTreeView::branch:has-siblings:adjoins-item {
}
QTreeView::branch:has-siblings:!adjoins-item {
}
QTreeView::branch:closed:has-children:has-siblings {
}
QTreeView::branch:has-children:!has-siblings:closed {
}
QTreeView::branch:!has-children:!has-siblings:adjoins-item {
}
QTreeView::branch:open:has-children:has-siblings {
}
QTreeView::branch:open:has-children:!has-siblings {
}
Qt中漂亮的几款QSS的更多相关文章
- Qt 框架的图形性能高（OpenGL上的系统效率高），网络性能低，开发效率高，Quick是可以走硬件加速——Qt中分为好几套图形系统，差不多代表了2D描画的发展史。最经典的软描画系统
-----图形性能部分-----Qt的widgets部分,运行时的图像渲染性能是一般的,因为大部分的界面内容都是Qt自绘,没有走硬件加速,也就是说很多图形内容都是CPU算出来的.但是widgets底层 ...
- QT中设置窗口背景颜色
QWidget是所有用户界面对象的基类,这意味着可以用同样的方法为其它子类控件改变背景颜色. Qt中窗口背景的设置,下面介绍三种方法. 1.使用QPalette 2.使用Style Sheet 3.绘 ...
- Qt中常用知识点
1:QRegExp 正则表达式 QRegExp regExp("[a-zA-Z][1-9][0-9]{0,2}"); xxx->setValidator(new QRegEx ...
- 关于qt中的tr（）函数
关于qt中的tr()函数 在论坛中漂,经常遇到有人遇到tr相关的问题.用tr的有两类人: (1)因为发现中文老出问题,然后搜索,发现很多人用tr,于是他也开始用tr (2)另一类人,确实是出于国际化的 ...
- Qt中translate、tr关系 与中文问题
原文请看:http://hi.baidu.com/dbzhang800/item/d850488767bdc3cdee083d43 题外话:何时使用 tr ? 在论坛中漂,经常遇到有人遇到tr相关的问 ...
- C++中的深拷贝和浅拷贝 QT中的深拷贝，浅拷贝和隐式共享
下面是C++中定义的深,浅拷贝 当用一个已初始化过了的自定义类类型对象去初始化另一个新构造的对象的时候,拷贝构造函数就会被自动调用.也就是说,当类的对象需要拷贝时,拷贝构造函数将会被调用.以下情况都会 ...
- Qt样式表之二：QSS语法及常用样式
一.简述 Qt样式表(以下统称QSS)的术语和语法规则几乎和CSS相同.如果你熟悉CSS,可以快速浏览以下内容.不熟悉的话可以先去W3School - CSS或者本人的CSS博客随笔简单了解一下. 在 ...
- 使用CEF（四）— 在QT中集成CEF（1）：基本集成
QT作为C++下著名的跨平台软件开发框架,实现了一套代码可以在所有的操作系统.平台和屏幕类型上部署.我们前几篇文章讲解了如何构建一款基于CEF的简单的样例,但这些样例的GUI都是使用的原生的或者是控件 ...
- Qt 中使用Singleton模式需小心
在qt中,使用Singleton模式时一定要小心.因为Singleton模式中使用的是静态对象,静态对象是直到程序结束才被释放的,然而,一旦把该静态对象纳入了Qt的父子对象体系,就会导致不明确的行为. ...
随机推荐
- WinForm 拖动、移动窗体
private const int WM_NCLBUTTONDOWN = 0XA1; private const int HTCAPTION = 2; [System.Runtime.InteropS ...
- VMware网络连接模式—桥接、NAT以及仅主机模式的详细介绍和区别
在使用VMware Workstation(以下简称:VMware)创建虚拟机的过程中,配置虚拟机的网络连接是非常重要的一环,当我们为虚拟机配置网络连接时,我们可以看到如下图所示的几种网络连接模式:桥 ...
- Qt532.线程（_beginthread）
1.(20180928)环境:Win7x64.Qt5.3.2 MSVC2010 OpenGL.ms2010 2.测试代码: ZC:我记得 之前在 VC6.vs08 上,还要选择 使用的是哪种 运行时线 ...
- libxml2_ZC积累
1.Qt5.3.2(VS2010 OpenGL) 1.1.查找节点的 带NameSpace的属性 参考网址:https://stackoverflow.com/questions/7872413/ho ...
- 力扣（LeetCode）226. 翻转二叉树
翻转一棵二叉树. 示例: 思想 递归 java版 /** * Definition for a binary tree node. * public class TreeNode { * int va ...
- 学习笔记9—python数据表的合并(join(), merge()和concat())
merage# pandas提供了一个类似于关系数据库的连接(join)操作的方法<Strong>merage</Strong>,可以根据一个或多个键将不同DataFrame中 ...
- VNC安装配置
1,安装VNC yum install tigervnc-server -y2,设定密码: vncpasswd root 3,配置服务文件,下面是配置了6个窗口. cp /lib/systemd/sy ...
- 20165303学习基础和C语言基础调查
20165303学习基础和C语言基础调查 技能学习心得 我认为我的乒乓球打的还不错,不能说非常好,但是基本的一些技巧都还是会的,小时候爸爸就非常爱看乒乓球比赛,有时候也带着我一起看,最开始看的时候我发 ...
- 8.2 DRAM和SRAM
计算机组成 8 存储层次结构 8.2 DRAM和SRAM SRAM比较快,DRAM比较慢:SRAM比较贵,DRAM比较便宜.记住这些结论是很容易的,但是比是什么更重要的是为什么.那在这一节我们就从电路 ...
- (GoRails)链接link_to到当前页current Page 并使用参数 （类ActionController::Parameters）
https://gorails.com/episodes/rails-link-to-current-page-with-params?autoplay=1 如何链接到当前页并增加,移除,或者修改UR ...