diff --git a/README.md b/README.md index 683052f..ee34d8f 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,4 @@ -# QWidgetDemo - -#### 项目介绍 +#### 项目介绍 用来存放一些QWidget相关的开源的demo，包括串口调试助手、网络调试助手、部分自定义控件、其他小demo等，会一直持续增加和更新，欢迎各位留言评论！ #### 目录说明 @@ -12,3 +10,4 @@ 6. comtool 串口调试助手 7. nettool 网络调试助手 8. devicesizetable 硬盘容量控件 +9. styledemo qss 高仿PS黑色+扁平白色+淡蓝色风格主题 diff --git a/styledemo/frmmain.cpp b/styledemo/frmmain.cpp new file mode 100644 index 0000000..15a4dc3 --- /dev/null +++ b/styledemo/frmmain.cpp @@ -0,0 +1,173 @@ +#include "frmmain.h" +#include "ui_frmmain.h" +#include "qfile.h" +#include "qtranslator.h" +#include "qdesktopwidget.h" + +frmMain::frmMain(QWidget *parent) : QMainWindow(parent), ui(new Ui::frmMain) +{ + ui->setupUi(this); + this->initForm(); +} + +frmMain::~frmMain() +{ + delete ui; +} + +void frmMain::initForm() +{ + this->initTableWidget(); + this->initTreeWidget(); + this->initListWidget(); + this->initOther(); + this->initStyle(); + this->initTranslator(); + ui->tabWidget->setCurrentIndex(0); +} + +void frmMain::initTableWidget() +{ + //设置列数和列宽 + int width = qApp->desktop()->availableGeometry().width() - 120; + ui->tableWidget->setColumnCount(5); + ui->tableWidget->setColumnWidth(0, width * 0.06); + ui->tableWidget->setColumnWidth(1, width * 0.10); + ui->tableWidget->setColumnWidth(2, width * 0.06); + ui->tableWidget->setColumnWidth(3, width * 0.10); + ui->tableWidget->setColumnWidth(4, width * 0.15); + ui->tableWidget->verticalHeader()->setDefaultSectionSize(25); + + QStringList headText; + headText << "设备编号" << "设备名称" << "设备地址" << "告警内容" << "告警时间"; + ui->tableWidget->setHorizontalHeaderLabels(headText); + ui->tableWidget->setSelectionBehavior(QAbstractItemView::SelectRows); + ui->tableWidget->setEditTriggers(QAbstractItemView::NoEditTriggers); + ui->tableWidget->setSelectionMode(QAbstractItemView::SingleSelection); + ui->tableWidget->setAlternatingRowColors(true); + ui->tableWidget->verticalHeader()->setVisible(false); + ui->tableWidget->horizontalHeader()->setStretchLastSection(true); + + //设置行高 + ui->tableWidget->setRowCount(300); + + for (int i = 0; i < 300; i++) { + ui->tableWidget->setRowHeight(i, 24); + + QTableWidgetItem *itemDeviceID = new QTableWidgetItem(QString::number(i + 1)); + QTableWidgetItem *itemDeviceName = new QTableWidgetItem(QString("测试设备%1").arg(i + 1)); + QTableWidgetItem *itemDeviceAddr = new QTableWidgetItem(QString::number(i + 1)); + QTableWidgetItem *itemContent = new QTableWidgetItem("防区告警"); + QTableWidgetItem *itemTime = new QTableWidgetItem(QDateTime::currentDateTime().toString("yyyy-MM-dd hh:mm:ss")); + + ui->tableWidget->setItem(i, 0, itemDeviceID); + ui->tableWidget->setItem(i, 1, itemDeviceName); + ui->tableWidget->setItem(i, 2, itemDeviceAddr); + ui->tableWidget->setItem(i, 3, itemContent); + ui->tableWidget->setItem(i, 4, itemTime); + } +} + +void frmMain::initTreeWidget() +{ + ui->treeWidget->clear(); + ui->treeWidget->setHeaderLabel(" 树状列表控件"); + + QTreeWidgetItem *group1 = new QTreeWidgetItem(ui->treeWidget); + group1->setText(0, "父元素1"); + group1->setFlags(Qt::ItemIsUserCheckable | Qt::ItemIsEnabled | Qt::ItemIsSelectable); + group1->setCheckState(0, Qt::PartiallyChecked); + + QTreeWidgetItem *subItem11 = new QTreeWidgetItem(group1); + subItem11->setFlags(Qt::ItemIsUserCheckable | Qt::ItemIsEnabled | Qt::ItemIsSelectable); + subItem11->setText(0, "子元素1"); + subItem11->setCheckState(0, Qt::Checked); + + QTreeWidgetItem *subItem12 = new QTreeWidgetItem(group1); + subItem12->setFlags(Qt::ItemIsUserCheckable | Qt::ItemIsEnabled | Qt::ItemIsSelectable); + subItem12->setText(0, "子元素2"); + subItem12->setCheckState(0, Qt::Unchecked); + + QTreeWidgetItem *subItem13 = new QTreeWidgetItem(group1); + subItem13->setFlags(Qt::ItemIsUserCheckable | Qt::ItemIsEnabled | Qt::ItemIsSelectable); + subItem13->setText(0, "子元素3"); + subItem13->setCheckState(0, Qt::Unchecked); + + QTreeWidgetItem *group2 = new QTreeWidgetItem(ui->treeWidget); + group2->setText(0, "父元素2"); + group2->setFlags(Qt::ItemIsUserCheckable | Qt::ItemIsEnabled | Qt::ItemIsSelectable); + group2->setCheckState(0, Qt::Unchecked); + + QTreeWidgetItem *subItem21 = new QTreeWidgetItem(group2); + subItem21->setFlags(Qt::ItemIsUserCheckable | Qt::ItemIsEnabled | Qt::ItemIsSelectable); + subItem21->setText(0, "子元素1"); + subItem21->setCheckState(0, Qt::Unchecked); + + QTreeWidgetItem *subItem211 = new QTreeWidgetItem(subItem21); + subItem211->setFlags(Qt::ItemIsUserCheckable | Qt::ItemIsEnabled | Qt::ItemIsSelectable); + subItem211->setText(0, "子子元素1"); + subItem211->setCheckState(0, Qt::Unchecked); + + ui->treeWidget->expandAll(); +} + +void frmMain::initListWidget() +{ + QStringList items; + for (int i = 1; i <= 30; i++) { + items << QString("元素%1").arg(i); + } + + ui->listWidget->addItems(items); + ui->cbox1->addItems(items); + ui->cbox2->addItems(items); +} + +void frmMain::initOther() +{ + ui->rbtn1->setChecked(true); + ui->ck2->setChecked(true); + ui->ck3->setCheckState(Qt::PartiallyChecked); + ui->horizontalSlider->setValue(88); + + ui->tab9->setStyleSheet("QPushButton{font:20pt;}"); + ui->widgetVideo->setStyleSheet("QLabel{font:20pt;}"); + + ui->widgetLeft->setProperty("nav", "left"); + ui->widgetBottom->setProperty("form", "bottom"); + ui->widgetTop->setProperty("nav", "top"); + ui->widgetVideo->setProperty("video", true); + + QList labChs = ui->widgetVideo->findChildren(); + foreach (QLabel *lab, labChs) { + lab->setFocusPolicy(Qt::StrongFocus); + } +} + +void frmMain::initStyle() +{ + //加载样式表 + //QFile file(":/qss/psblack.css"); + //QFile file(":/qss/flatwhite.css"); + QFile file(":/qss/lightblue.css"); + if (file.open(QFile::ReadOnly)) { + QString qss = QLatin1String(file.readAll()); + QString paletteColor = qss.mid(20, 7); + qApp->setPalette(QPalette(QColor(paletteColor))); + qApp->setStyleSheet(qss); + file.close(); + } +} + +void frmMain::initTranslator() +{ + //加载鼠标右键菜单翻译文件 + QTranslator *translator1 = new QTranslator(qApp); + translator1->load(":/image/qt_zh_CN.qm"); + qApp->installTranslator(translator1); + + //加载富文本框鼠标右键菜单翻译文件 + QTranslator *translator2 = new QTranslator(qApp); + translator2->load(":/image/widgets.qm"); + qApp->installTranslator(translator2); +} diff --git a/styledemo/frmmain.h b/styledemo/frmmain.h new file mode 100644 index 0000000..5ee1584 --- /dev/null +++ b/styledemo/frmmain.h @@ -0,0 +1,32 @@ +#ifndef FRMMAIN_H +#define FRMMAIN_H + +#include + +namespace Ui +{ +class frmMain; +} + +class frmMain : public QMainWindow +{ + Q_OBJECT + +public: + explicit frmMain(QWidget *parent = 0); + ~frmMain(); + +private: + Ui::frmMain *ui; + +private slots: + void initForm(); + void initTableWidget(); + void initTreeWidget(); + void initListWidget(); + void initOther(); + void initStyle(); + void initTranslator(); +}; + +#endif // FRMMAIN_H diff --git a/styledemo/frmmain.ui b/styledemo/frmmain.ui new file mode 100644 index 0000000..5c9846d --- /dev/null +++ b/styledemo/frmmain.ui @@ -0,0 +1,1220 @@ + + + frmMain + + + + 0 + 0 + 850 + 626 + + + + MainWindow + + + + + + + + + 新建 + + + + + + + 保存 + + + + + + + 打开 + + + + + + + 另存为 + + + + + + + + + + + + + 0 + 0 + + + + + 220 + 0 + + + + + 220 + 16777215 + + + + QFrame::StyledPanel + + + QFrame::Raised + + + + 6 + + + 6 + + + 6 + + + 6 + + + + + 字体颜色 + + + + + + + + + + + + + + + + + 面板背景 + + + + + + + + + + + + + + + + + 边框颜色 + + + + + + + + + + + + + + + + + 普通渐变开始 + + + + + + + + + + + + + + + + + 普通渐变结束 + + + + + + + + + + + + + + + + + 加深渐变开始 + + + + + + + + + + + + + + + + + 加深渐变结束 + + + + + + + + + + + + + + + + + 边缘高亮颜色 + + + + + + + + + + + + + + + + + + + + 0 + + + + 常用组件 + + + + + + + + + 分组框 + + + true + + + + + + 飞扬青云 + + + Qt::AlignCenter + + + + + + + 拿人钱财替人消灾,人生江湖如此,程序江湖亦如此. + + + + + + + 单选框1 + + + + + + + 单选框2 + + + + + + + 复选框1 + + + + + + + 复选框2 + + + false + + + + + + + 复选框3 + + + + + + + + 16777215 + 28 + + + + + + + + + 16777215 + 28 + + + + + + + + 信息框 + + + + + + + 提示框 + + + + + + + 错误框 + + + + + + + 标准输入框 + + + + + + + 密码输入框 + + + + + + + 下拉输入框 + + + + + + + 新窗体 + + + + + + + + + + + + + + + + true + + + + + + + true + + + + + + + 100 + + + Qt::Horizontal + + + + + + + + 16777215 + 18 + + + + + + + + 每个人心中都有一段鲜不为人知的故事， +如果不是某一天， +某个不经意的回头一瞥， +那段往事， +就只能永远埋在记忆的最深处， +那是回忆的尽头， +可就无法避免那一触， +无论你在上面用怎样淤厚的冷漠层层包裹， +却总在瞬间崩溃。 + + + + + + + + + + + 表格数据 + + + + + + + + + + 导航界面 + + + + + + + 80 + 0 + + + + + 0 + + + 0 + + + 0 + + + 0 + + + 0 + + + + + 菜单1 + + + false + + + + + + + 菜单2 + + + + + + + 菜单3 + + + + + + + Qt::Vertical + + + + 20 + 222 + + + + + + + + + + + 0 + + + + + + + + 0 + + + 0 + + + 0 + + + 0 + + + 0 + + + + + + 0 + 0 + + + + 主界面 + + + + + + + + 0 + 0 + + + + 警情查询 + + + + + + + + 0 + 0 + + + + 系统设置 + + + + + + + + + + + 0 + 0 + + + + + + + + + 16777215 + 30 + + + + + + + 欢迎使用软件 + + + + + + + + 1 + 16777215 + + + + Qt::Vertical + + + + + + + 当前用户【admin】 + + + + + + + + 1 + 16777215 + + + + Qt::Vertical + + + + + + + 已运行: 0天0时0分0秒 + + + + + + + + 1 + 16777215 + + + + Qt::Vertical + + + + + + + + 0 + 0 + + + + 当前时间: 2017年12月1日 12:00:00 + + + + + + + + + + + + + + + + Qt::Vertical + + + + + + + Qt::Vertical + + + + + + + + 树状列表 + + + + + + + 1 + + + + + + + + + + + + 日历效果 + + + + + + + + + true + + + + + + + + tab选项卡 + + + + + + QTabWidget::West + + + 2 + + + + 效果预览 + + + + + 效果预览 + + + + + 效果预览 + + + + + + + + QTabWidget::South + + + 0 + + + + 效果预览 + + + + + 效果预览 + + + + + 效果预览 + + + + + + + + QTabWidget::East + + + 2 + + + + 效果预览 + + + + + 效果预览 + + + + + 效果预览 + + + + + + + + + 设备面板 + + + + 3 + + + 3 + + + 3 + + + 3 + + + + + + + + + 图形字体 + + + + 3 + + + 3 + + + 3 + + + 3 + + + + + + + + + UI界面 + + + + + + + 0 + 0 + + + + 界面1 + + + + + + + + 0 + 0 + + + + 界面2 + + + + + + + + 0 + 0 + + + + 界面3 + + + + + + + + 0 + 0 + + + + 界面4 + + + + + + + + 0 + 0 + + + + 界面5 + + + + + + + + 0 + 0 + + + + 界面6 + + + + + + + + 0 + 0 + + + + 界面7 + + + + + + + + 0 + 0 + + + + 界面8 + + + + + + + + 视频监控 + + + + + + + 0 + + + 0 + + + 0 + + + 0 + + + + + 通道1 + + + Qt::AlignCenter + + + + + + + 通道2 + + + Qt::AlignCenter + + + + + + + 通道3 + + + Qt::AlignCenter + + + + + + + 通道4 + + + Qt::AlignCenter + + + + + + + 通道5 + + + Qt::AlignCenter + + + + + + + 通道6 + + + Qt::AlignCenter + + + + + + + 通道7 + + + Qt::AlignCenter + + + + + + + 通道8 + + + Qt::AlignCenter + + + + + + + 通道9 + + + Qt::AlignCenter + + + + + + + 通道10 + + + Qt::AlignCenter + + + + + + + + + + + + + + + + 0 + 0 + 850 + 23 + + + + + 文件(&F) + + + + + + + + + + 编辑(&E) + + + + + + + + 构建(&B) + + + + + + 帮助(&H) + + + + + + + + + + + + 新建文件(&N) + + + + + 打开文件(&O) + + + + + 保存文件(&S) + + + + + 关闭退出(&C) + + + + + 剪切(&X) + + + + + 复制(&C) + + + + + 粘贴(&V) + + + + + 构建项目(&B) + + + + + 帮助文档(&T) + + + + + 关于(&A) + + + + + + + horizontalSlider + valueChanged(int) + progressBar + setValue(int) + + + 207 + 445 + + + 399 + 445 + + + + + diff --git a/styledemo/head.h b/styledemo/head.h new file mode 100644 index 0000000..83996ba --- /dev/null +++ b/styledemo/head.h @@ -0,0 +1,8 @@ +#include +#include +#include +#if (QT_VERSION > QT_VERSION_CHECK(5,0,0)) +#include +#endif + +#pragma execution_character_set("utf-8") diff --git a/styledemo/main.cpp b/styledemo/main.cpp new file mode 100644 index 0000000..0e8c7c4 --- /dev/null +++ b/styledemo/main.cpp @@ -0,0 +1,14 @@ +#include "frmmain.h" +#include "qapplication.h" + +int main(int argc, char *argv[]) +{ + QApplication a(argc, argv); + a.setFont(QFont("Microsoft Yahei", 9)); + + frmMain w; + w.setWindowTitle("styledemo Author: feiyangqingyun@163.com QQ: 517216493"); + w.show(); + + return a.exec(); +} diff --git a/styledemo/other/image/Font Awesome Cheatsheet.png b/styledemo/other/image/Font Awesome Cheatsheet.png new file mode 100644 index 0000000..c0bd604 Binary files /dev/null and b/styledemo/other/image/Font Awesome Cheatsheet.png differ diff --git a/styledemo/other/image/btn_close.png b/styledemo/other/image/btn_close.png new file mode 100644 index 0000000..ef21a40 Binary files /dev/null and b/styledemo/other/image/btn_close.png differ diff --git a/styledemo/other/image/btn_ok.png b/styledemo/other/image/btn_ok.png new file mode 100644 index 0000000..833e774 Binary files /dev/null and b/styledemo/other/image/btn_ok.png differ diff --git a/styledemo/other/image/fontawesome-webfont.ttf b/styledemo/other/image/fontawesome-webfont.ttf new file mode 100644 index 0000000..35acda2 Binary files /dev/null and b/styledemo/other/image/fontawesome-webfont.ttf differ diff --git a/styledemo/other/image/msg_error.png b/styledemo/other/image/msg_error.png new file mode 100644 index 0000000..e52446d Binary files /dev/null and b/styledemo/other/image/msg_error.png differ diff --git a/styledemo/other/image/msg_info.png b/styledemo/other/image/msg_info.png new file mode 100644 index 0000000..a305070 Binary files /dev/null and b/styledemo/other/image/msg_info.png differ diff --git a/styledemo/other/image/msg_question.png b/styledemo/other/image/msg_question.png new file mode 100644 index 0000000..6d5abb1 Binary files /dev/null and b/styledemo/other/image/msg_question.png differ diff --git a/styledemo/other/image/qt_zh_CN.qm b/styledemo/other/image/qt_zh_CN.qm new file mode 100644 index 0000000..623b8e3 Binary files /dev/null and b/styledemo/other/image/qt_zh_CN.qm differ diff --git a/styledemo/other/image/widgets.qm b/styledemo/other/image/widgets.qm new file mode 100644 index 0000000..244bf0d Binary files /dev/null and b/styledemo/other/image/widgets.qm differ diff --git a/styledemo/other/main.qrc b/styledemo/other/main.qrc new file mode 100644 index 0000000..979bdfa --- /dev/null +++ b/styledemo/other/main.qrc @@ -0,0 +1,12 @@ + + + image/btn_close.png + image/btn_ok.png + image/fontawesome-webfont.ttf + image/msg_error.png + image/msg_info.png + image/msg_question.png + image/qt_zh_CN.qm + image/widgets.qm + + diff --git a/styledemo/other/qss.qrc b/styledemo/other/qss.qrc new file mode 100644 index 0000000..cb4b0e4 --- /dev/null +++ b/styledemo/other/qss.qrc @@ -0,0 +1,61 @@ + + + qss/psblack.css + qss/psblack/add_bottom.png + qss/psblack/add_left.png + qss/psblack/add_right.png + qss/psblack/add_top.png + qss/psblack/branch_close.png + qss/psblack/branch_open.png + qss/psblack/calendar_nextmonth.png + qss/psblack/calendar_prevmonth.png + qss/psblack/checkbox_checked.png + qss/psblack/checkbox_checked_disable.png + qss/psblack/checkbox_parcial.png + qss/psblack/checkbox_parcial_disable.png + qss/psblack/checkbox_unchecked.png + qss/psblack/checkbox_unchecked_disable.png + qss/psblack/radiobutton_checked.png + qss/psblack/radiobutton_checked_disable.png + qss/psblack/radiobutton_unchecked.png + qss/psblack/radiobutton_unchecked_disable.png + qss/flatwhite.css + qss/flatwhite/add_bottom.png + qss/flatwhite/add_left.png + qss/flatwhite/add_right.png + qss/flatwhite/add_top.png + qss/flatwhite/branch_close.png + qss/flatwhite/branch_open.png + qss/flatwhite/calendar_nextmonth.png + qss/flatwhite/calendar_prevmonth.png + qss/flatwhite/checkbox_checked.png + qss/flatwhite/checkbox_checked_disable.png + qss/flatwhite/checkbox_parcial.png + qss/flatwhite/checkbox_parcial_disable.png + qss/flatwhite/checkbox_unchecked.png + qss/flatwhite/checkbox_unchecked_disable.png + qss/flatwhite/radiobutton_checked.png + qss/flatwhite/radiobutton_checked_disable.png + qss/flatwhite/radiobutton_unchecked.png + qss/flatwhite/radiobutton_unchecked_disable.png + qss/lightblue.css + qss/lightblue/add_bottom.png + qss/lightblue/add_left.png + qss/lightblue/add_right.png + qss/lightblue/add_top.png + qss/lightblue/branch_close.png + qss/lightblue/branch_open.png + qss/lightblue/calendar_nextmonth.png + qss/lightblue/calendar_prevmonth.png + qss/lightblue/checkbox_checked.png + qss/lightblue/checkbox_checked_disable.png + qss/lightblue/checkbox_parcial.png + qss/lightblue/checkbox_parcial_disable.png + qss/lightblue/checkbox_unchecked.png + qss/lightblue/checkbox_unchecked_disable.png + qss/lightblue/radiobutton_checked.png + qss/lightblue/radiobutton_checked_disable.png + qss/lightblue/radiobutton_unchecked.png + qss/lightblue/radiobutton_unchecked_disable.png + + diff --git a/styledemo/other/qss/flatwhite.css b/styledemo/other/qss/flatwhite.css new file mode 100644 index 0000000..4953c4d --- /dev/null +++ b/styledemo/other/qss/flatwhite.css @@ -0,0 +1,648 @@ +QPalette{background:#FFFFFF;}*{outline:0px;color:#57595B;} + +QWidget[form="true"],QLabel[frameShape="1"]{ +border:1px solid #B6B6B6; +border-radius:0px; +} + +QWidget[form="bottom"]{ +background:#E4E4E4; +} + +QWidget[form="bottom"] .QFrame{ +border:1px solid #57595B; +} + +QWidget[form="bottom"] QLabel,QWidget[form="title"] QLabel{ +border-radius:0px; +color:#57595B; +background:none; +border-style:none; +} + +QWidget[form="title"],QWidget[nav="left"],QWidget[nav="top"] QAbstractButton{ +border-style:none; +border-radius:0px; +padding:5px; +color:#57595B; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #E4E4E4,stop:1 #E4E4E4); +} + +QWidget[nav="top"] QAbstractButton:hover,QWidget[nav="top"] QAbstractButton:pressed,QWidget[nav="top"] QAbstractButton:checked{ +border-style:solid; +border-width:0px 0px 2px 0px; +padding:4px 4px 2px 4px; +border-color:#00BB9E; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #F6F6F6,stop:1 #F6F6F6); +} + +QWidget[nav="left"] QAbstractButton{ +border-radius:0px; +color:#57595B; +background:none; +border-style:none; +} + +QWidget[nav="left"] QAbstractButton:hover{ +color:#FFFFFF; +background-color:#00BB9E; +} + +QWidget[nav="left"] QAbstractButton:checked,QWidget[nav="left"] QAbstractButton:pressed{ +color:#57595B; +border-style:solid; +border-width:0px 0px 0px 2px; +padding:4px 4px 4px 2px; +border-color:#00BB9E; +background-color:#FFFFFF; +} + +QWidget[video="true"] QLabel{ +color:#57595B; +border:1px solid #B6B6B6; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #E4E4E4,stop:1 #E4E4E4); +} + +QWidget[video="true"] QLabel:focus{ +border:1px solid #00BB9E; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #F6F6F6,stop:1 #F6F6F6); +} + +QLineEdit,QTextEdit,QPlainTextEdit,QSpinBox,QDoubleSpinBox,QComboBox,QDateEdit,QTimeEdit,QDateTimeEdit{ +border:1px solid #B6B6B6; +border-radius:3px; +padding:2px; +background:none; +selection-background-color:#00BB9E; +selection-color:#FFFFFF; +} + +QLineEdit:focus,QTextEdit:focus,QPlainTextEdit:focus,QSpinBox:focus,QDoubleSpinBox:focus,QComboBox:focus,QDateEdit:focus,QTimeEdit:focus,QDateTimeEdit:focus,QLineEdit:hover,QTextEdit:hover,QPlainTextEdit:hover,QSpinBox:hover,QDoubleSpinBox:hover,QComboBox:hover,QDateEdit:hover,QTimeEdit:hover,QDateTimeEdit:hover{ +border:1px solid #B6B6B6; +} + +QLineEdit[echoMode="2"]{ +lineedit-password-character:9679; +} + +.QFrame{ +border:1px solid #B6B6B6; +border-radius:3px; +} + +.QGroupBox{ +border:1px solid #B6B6B6; +border-radius:5px; +margin-top:3ex; +} + +.QGroupBox::title{ +subcontrol-origin:margin; +position:relative; +left:10px; +} + +.QPushButton,.QToolButton{ +border-style:none; +border:1px solid #B6B6B6; +color:#57595B; +padding:5px; +min-height:15px; +border-radius:5px; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #E4E4E4,stop:1 #E4E4E4); +} + +.QPushButton:hover,.QToolButton:hover{ +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #F6F6F6,stop:1 #F6F6F6); +} + +.QPushButton:pressed,.QToolButton:pressed{ +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #E4E4E4,stop:1 #E4E4E4); +} + +.QToolButton::menu-indicator{ +image:None; +} + +QToolButton#btnMenu,QPushButton#btnMenu_Min,QPushButton#btnMenu_Max,QPushButton#btnMenu_Close{ +border-radius:3px; +color:#57595B; +padding:3px; +margin:0px; +background:none; +border-style:none; +} + +QToolButton#btnMenu:hover,QPushButton#btnMenu_Min:hover,QPushButton#btnMenu_Max:hover{ +color:#FFFFFF; +margin:1px 1px 2px 1px; +background-color:rgba(51,127,209,230); +} + +QPushButton#btnMenu_Close:hover{ +color:#FFFFFF; +margin:1px 1px 2px 1px; +background-color:rgba(238,0,0,128); +} + +QRadioButton::indicator{ +width:15px; +height:15px; +} + +QRadioButton::indicator::unchecked{ +image:url(:/qss/flatwhite/radiobutton_unchecked.png); +} + +QRadioButton::indicator::unchecked:disabled{ +image:url(:/qss/flatwhite/radiobutton_unchecked_disable.png); +} + +QRadioButton::indicator::checked{ +image:url(:/qss/flatwhite/radiobutton_checked.png); +} + +QRadioButton::indicator::checked:disabled{ +image:url(:/qss/flatwhite/radiobutton_checked_disable.png); +} + +QGroupBox::indicator,QTreeWidget::indicator,QListWidget::indicator{ +padding:0px -3px 0px 0px; +} + +QCheckBox::indicator,QGroupBox::indicator,QTreeWidget::indicator,QListWidget::indicator{ +width:13px; +height:13px; +} + +QCheckBox::indicator:unchecked,QGroupBox::indicator:unchecked,QTreeWidget::indicator:unchecked,QListWidget::indicator:unchecked{ +image:url(:/qss/flatwhite/checkbox_unchecked.png); +} + +QCheckBox::indicator:unchecked:disabled,QGroupBox::indicator:unchecked:disabled,QTreeWidget::indicator:unchecked:disabled,QListWidget::indicator:disabled{ +image:url(:/qss/flatwhite/checkbox_unchecked_disable.png); +} + +QCheckBox::indicator:checked,QGroupBox::indicator:checked,QTreeWidget::indicator:checked,QListWidget::indicator:checked{ +image:url(:/qss/flatwhite/checkbox_checked.png); +} + +QCheckBox::indicator:checked:disabled,QGroupBox::indicator:checked:disabled,QTreeWidget::indicator:checked:disabled,QListWidget::indicator:checked:disabled{ +image:url(:/qss/flatwhite/checkbox_checked_disable.png); +} + +QCheckBox::indicator:indeterminate,QGroupBox::indicator:indeterminate,QTreeWidget::indicator:indeterminate,QListWidget::indicator:indeterminate{ +image:url(:/qss/flatwhite/checkbox_parcial.png); +} + +QCheckBox::indicator:indeterminate:disabled,QGroupBox::indicator:indeterminate:disabled,QTreeWidget::indicator:indeterminate:disabled,QListWidget::indicator:indeterminate:disabled{ +image:url(:/qss/flatwhite/checkbox_parcial_disable.png); +} + +QTimeEdit::up-button,QDateEdit::up-button,QDateTimeEdit::up-button,QDoubleSpinBox::up-button,QSpinBox::up-button{ +image:url(:/qss/flatwhite/add_top.png); +width:10px; +height:10px; +padding:2px 5px 0px 0px; +} + +QTimeEdit::down-button,QDateEdit::down-button,QDateTimeEdit::down-button,QDoubleSpinBox::down-button,QSpinBox::down-button{ +image:url(:/qss/flatwhite/add_bottom.png); +width:10px; +height:10px; +padding:0px 5px 2px 0px; +} + +QTimeEdit::up-button:pressed,QDateEdit::up-button:pressed,QDateTimeEdit::up-button:pressed,QDoubleSpinBox::up-button:pressed,QSpinBox::up-button:pressed{ +top:-2px; +} + +QTimeEdit::down-button:pressed,QDateEdit::down-button:pressed,QDateTimeEdit::down-button:pressed,QDoubleSpinBox::down-button:pressed,QSpinBox::down-button:pressed,QSpinBox::down-button:pressed{ +bottom:-2px; +} + +QComboBox::down-arrow,QDateEdit[calendarPopup="true"]::down-arrow,QTimeEdit[calendarPopup="true"]::down-arrow,QDateTimeEdit[calendarPopup="true"]::down-arrow{ +image:url(:/qss/flatwhite/add_bottom.png); +width:10px; +height:10px; +right:2px; +} + +QComboBox::drop-down,QDateEdit::drop-down,QTimeEdit::drop-down,QDateTimeEdit::drop-down{ +subcontrol-origin:padding; +subcontrol-position:top right; +width:15px; +border-left-width:0px; +border-left-style:solid; +border-top-right-radius:3px; +border-bottom-right-radius:3px; +border-left-color:#B6B6B6; +} + +QComboBox::drop-down:on{ +top:1px; +} + +QMenuBar::item{ +color:#57595B; +background-color:#E4E4E4; +margin:0px; +padding:3px 10px; +} + +QMenu,QMenuBar,QMenu:disabled,QMenuBar:disabled{ +color:#57595B; +background-color:#E4E4E4; +border:1px solid #B6B6B6; +margin:0px; +} + +QMenu::item{ +padding:3px 20px; +} + +QMenu::indicator{ +width:13px; +height:13px; +} + +QMenu::item:selected,QMenuBar::item:selected{ +color:#57595B; +border:0px solid #B6B6B6; +background:#F6F6F6; +} + +QMenu::separator{ +height:1px; +background:#B6B6B6; +} + +QProgressBar{ +min-height:10px; +background:#E4E4E4; +border-radius:5px; +text-align:center; +border:1px solid #E4E4E4; +} + +QProgressBar:chunk{ +border-radius:5px; +background-color:#B6B6B6; +} + +QSlider::groove:horizontal{ +background:#E4E4E4; +height:8px; +border-radius:4px; +} + +QSlider::add-page:horizontal{ +background:#E4E4E4; +height:8px; +border-radius:4px; +} + +QSlider::sub-page:horizontal{ +background:#B6B6B6; +height:8px; +border-radius:4px; +} + +QSlider::handle:horizontal{ +width:13px; +margin-top:-3px; +margin-bottom:-3px; +border-radius:6px; +background:qradialgradient(spread:pad,cx:0.5,cy:0.5,radius:0.5,fx:0.5,fy:0.5,stop:0.6 #FFFFFF,stop:0.8 #B6B6B6); +} + +QSlider::groove:vertical{ +width:8px; +border-radius:4px; +background:#E4E4E4; +} + +QSlider::add-page:vertical{ +width:8px; +border-radius:4px; +background:#E4E4E4; +} + +QSlider::sub-page:vertical{ +width:8px; +border-radius:4px; +background:#B6B6B6; +} + +QSlider::handle:vertical{ +height:14px; +margin-left:-3px; +margin-right:-3px; +border-radius:6px; +background:qradialgradient(spread:pad,cx:0.5,cy:0.5,radius:0.5,fx:0.5,fy:0.5,stop:0.6 #FFFFFF,stop:0.8 #B6B6B6); +} + +QScrollBar:horizontal{ +background:#E4E4E4; +padding:0px; +border-radius:6px; +max-height:12px; +} + +QScrollBar::handle:horizontal{ +background:#B6B6B6; +min-width:50px; +border-radius:6px; +} + +QScrollBar::handle:horizontal:hover{ +background:#00BB9E; +} + +QScrollBar::handle:horizontal:pressed{ +background:#00BB9E; +} + +QScrollBar::add-page:horizontal{ +background:none; +} + +QScrollBar::sub-page:horizontal{ +background:none; +} + +QScrollBar::add-line:horizontal{ +background:none; +} + +QScrollBar::sub-line:horizontal{ +background:none; +} + +QScrollBar:vertical{ +background:#E4E4E4; +padding:0px; +border-radius:6px; +max-width:12px; +} + +QScrollBar::handle:vertical{ +background:#B6B6B6; +min-height:50px; +border-radius:6px; +} + +QScrollBar::handle:vertical:hover{ +background:#00BB9E; +} + +QScrollBar::handle:vertical:pressed{ +background:#00BB9E; +} + +QScrollBar::add-page:vertical{ +background:none; +} + +QScrollBar::sub-page:vertical{ +background:none; +} + +QScrollBar::add-line:vertical{ +background:none; +} + +QScrollBar::sub-line:vertical{ +background:none; +} + +QScrollArea{ +border:0px; +} + +QTreeView,QListView,QTableView,QTabWidget::pane{ +border:1px solid #B6B6B6; +selection-background-color:#F6F6F6; +selection-color:#57595B; +alternate-background-color:#F6F6F6; +gridline-color:#B6B6B6; +} + +QTreeView::branch:closed:has-children{ +margin:4px; +border-image:url(:/qss/flatwhite/branch_open.png); +} + +QTreeView::branch:open:has-children{ +margin:4px; +border-image:url(:/qss/flatwhite/branch_close.png); +} + +QTreeView,QListView,QTableView,QSplitter::handle,QTreeView::branch{ +background:#FFFFFF; +} + +QTableView::item:selected,QListView::item:selected,QTreeView::item:selected{ +color:#57595B; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #E4E4E4,stop:1 #E4E4E4); +} + +QTableView::item:hover,QListView::item:hover,QTreeView::item:hover,QHeaderView{ +color:#57595B; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #F6F6F6,stop:1 #F6F6F6); +} + +QTableView::item,QListView::item,QTreeView::item{ +padding:1px; +margin:0px; +} + +QHeaderView::section,QTableCornerButton:section{ +padding:3px; +margin:0px; +color:#57595B; +border:1px solid #B6B6B6; +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 #F6F6F6,stop:1 #F6F6F6); +} + +QTabBar::tab{ +border:1px solid #B6B6B6; +color:#57595B; +margin:0px; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #F6F6F6,stop:1 #F6F6F6); +} + +QTabBar::tab:selected,QTabBar::tab:hover{ +border-style:solid; +border-color:#00BB9E; +background:#FFFFFF; +} + +QTabBar::tab:top,QTabBar::tab:bottom{ +padding:3px 8px 3px 8px; +} + +QTabBar::tab:left,QTabBar::tab:right{ +padding:8px 3px 8px 3px; +} + +QTabBar::tab:top:selected,QTabBar::tab:top:hover{ +border-width:2px 0px 0px 0px; +} + +QTabBar::tab:right:selected,QTabBar::tab:right:hover{ +border-width:0px 0px 0px 2px; +} + +QTabBar::tab:bottom:selected,QTabBar::tab:bottom:hover{ +border-width:0px 0px 2px 0px; +} + +QTabBar::tab:left:selected,QTabBar::tab:left:hover{ +border-width:0px 2px 0px 0px; +} + +QTabBar::tab:first:top:selected,QTabBar::tab:first:top:hover,QTabBar::tab:first:bottom:selected,QTabBar::tab:first:bottom:hover{ +border-left-width:1px; +border-left-color:#B6B6B6; +} + +QTabBar::tab:first:left:selected,QTabBar::tab:first:left:hover,QTabBar::tab:first:right:selected,QTabBar::tab:first:right:hover{ +border-top-width:1px; +border-top-color:#B6B6B6; +} + +QTabBar::tab:last:top:selected,QTabBar::tab:last:top:hover,QTabBar::tab:last:bottom:selected,QTabBar::tab:last:bottom:hover{ +border-right-width:1px; +border-right-color:#B6B6B6; +} + +QTabBar::tab:last:left:selected,QTabBar::tab:last:left:hover,QTabBar::tab:last:right:selected,QTabBar::tab:last:right:hover{ +border-bottom-width:1px; +border-bottom-color:#B6B6B6; +} + +QStatusBar::item{ +border:0px solid #E4E4E4; +border-radius:3px; +} + +QToolBox::tab,QGroupBox#gboxDevicePanel,QGroupBox#gboxDeviceTitle,QFrame#gboxDevicePanel,QFrame#gboxDeviceTitle{ +padding:3px; +border-radius:5px; +color:#57595B; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #E4E4E4,stop:1 #E4E4E4); +} + +QToolTip{ +border:0px solid #57595B; +padding:1px; +color:#57595B; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #E4E4E4,stop:1 #E4E4E4); +} + +QToolBox::tab:selected{ +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #F6F6F6,stop:1 #F6F6F6); +} + +QPrintPreviewDialog QToolButton{ +border:0px solid #57595B; +border-radius:0px; +margin:0px; +padding:3px; +background:none; +} + +QColorDialog QPushButton,QFileDialog QPushButton{ +min-width:80px; +} + +QToolButton#qt_calendar_prevmonth{ +icon-size:0px; +min-width:20px; +image:url(:/qss/flatwhite/calendar_prevmonth.png); +} + +QToolButton#qt_calendar_nextmonth{ +icon-size:0px; +min-width:20px; +image:url(:/qss/flatwhite/calendar_nextmonth.png); +} + +QToolButton#qt_calendar_prevmonth,QToolButton#qt_calendar_nextmonth,QToolButton#qt_calendar_monthbutton,QToolButton#qt_calendar_yearbutton{ +border:0px solid #57595B; +border-radius:3px; +margin:3px 3px 3px 3px; +padding:3px; +background:none; +} + +QToolButton#qt_calendar_prevmonth:hover,QToolButton#qt_calendar_nextmonth:hover,QToolButton#qt_calendar_monthbutton:hover,QToolButton#qt_calendar_yearbutton:hover,QToolButton#qt_calendar_prevmonth:pressed,QToolButton#qt_calendar_nextmonth:pressed,QToolButton#qt_calendar_monthbutton:pressed,QToolButton#qt_calendar_yearbutton:pressed{ +border:1px solid #B6B6B6; +} + +QCalendarWidget QSpinBox#qt_calendar_yearedit{ +margin:2px; +} + +QCalendarWidget QToolButton::menu-indicator{ +image:None; +} + +QCalendarWidget QTableView{ +border-width:0px; +} + +QCalendarWidget QWidget#qt_calendar_navigationbar{ +border:1px solid #B6B6B6; +border-width:1px 1px 0px 1px; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #E4E4E4,stop:1 #E4E4E4); +} + +QComboBox QAbstractItemView::item{ +min-height:20px; +min-width:10px; +} + +QTableView[model="true"]::item{ +padding:0px; +margin:0px; +} + +QTableView QLineEdit,QTableView QComboBox,QTableView QSpinBox,QTableView QDoubleSpinBox,QTableView QDateEdit,QTableView QTimeEdit,QTableView QDateTimeEdit{ +border-width:0px; +border-radius:0px; +} + +QTableView QLineEdit:focus,QTableView QComboBox:focus,QTableView QSpinBox:focus,QTableView QDoubleSpinBox:focus,QTableView QDateEdit:focus,QTableView QTimeEdit:focus,QTableView QDateTimeEdit:focus{ +border-width:0px; +border-radius:0px; +} + +QLineEdit,QTextEdit,QPlainTextEdit,QSpinBox,QDoubleSpinBox,QComboBox,QDateEdit,QTimeEdit,QDateTimeEdit{ +background:#FFFFFF; +} + +QTabWidget::pane:top{top:-1px;} +QTabWidget::pane:bottom{bottom:-1px;} +QTabWidget::pane:left{right:-1px;} +QTabWidget::pane:right{left:-1px;} + +*:disabled{ +background:#FFFFFF; +border-color:#E4E4E4; +color:#B6B6B6; +} + +/*TextColor:#57595B*/ +/*PanelColor:#FFFFFF*/ +/*BorderColor:#B6B6B6*/ +/*NormalColorStart:#E4E4E4*/ +/*NormalColorEnd:#E4E4E4*/ +/*DarkColorStart:#F6F6F6*/ +/*DarkColorEnd:#F6F6F6*/ +/*HighColor:#00BB9E*/ \ No newline at end of file diff --git a/styledemo/other/qss/flatwhite/add_bottom.png b/styledemo/other/qss/flatwhite/add_bottom.png new file mode 100644 index 0000000..c9c5437 Binary files /dev/null and b/styledemo/other/qss/flatwhite/add_bottom.png differ diff --git a/styledemo/other/qss/flatwhite/add_left.png b/styledemo/other/qss/flatwhite/add_left.png new file mode 100644 index 0000000..82f383f Binary files /dev/null and b/styledemo/other/qss/flatwhite/add_left.png differ diff --git a/styledemo/other/qss/flatwhite/add_right.png b/styledemo/other/qss/flatwhite/add_right.png new file mode 100644 index 0000000..5943567 Binary files /dev/null and b/styledemo/other/qss/flatwhite/add_right.png differ diff --git a/styledemo/other/qss/flatwhite/add_top.png b/styledemo/other/qss/flatwhite/add_top.png new file mode 100644 index 0000000..9ac7a28 Binary files /dev/null and b/styledemo/other/qss/flatwhite/add_top.png differ diff --git a/styledemo/other/qss/flatwhite/branch_close.png b/styledemo/other/qss/flatwhite/branch_close.png new file mode 100644 index 0000000..d719712 Binary files /dev/null and b/styledemo/other/qss/flatwhite/branch_close.png differ diff --git a/styledemo/other/qss/flatwhite/branch_open.png b/styledemo/other/qss/flatwhite/branch_open.png new file mode 100644 index 0000000..d621407 Binary files /dev/null and b/styledemo/other/qss/flatwhite/branch_open.png differ diff --git a/styledemo/other/qss/flatwhite/calendar_nextmonth.png b/styledemo/other/qss/flatwhite/calendar_nextmonth.png new file mode 100644 index 0000000..d0e4795 Binary files /dev/null and b/styledemo/other/qss/flatwhite/calendar_nextmonth.png differ diff --git a/styledemo/other/qss/flatwhite/calendar_prevmonth.png b/styledemo/other/qss/flatwhite/calendar_prevmonth.png new file mode 100644 index 0000000..2dbd907 Binary files /dev/null and b/styledemo/other/qss/flatwhite/calendar_prevmonth.png differ diff --git a/styledemo/other/qss/flatwhite/checkbox_checked.png b/styledemo/other/qss/flatwhite/checkbox_checked.png new file mode 100644 index 0000000..c48f034 Binary files /dev/null and b/styledemo/other/qss/flatwhite/checkbox_checked.png differ diff --git a/styledemo/other/qss/flatwhite/checkbox_checked_disable.png b/styledemo/other/qss/flatwhite/checkbox_checked_disable.png new file mode 100644 index 0000000..bad88de Binary files /dev/null and b/styledemo/other/qss/flatwhite/checkbox_checked_disable.png differ diff --git a/styledemo/other/qss/flatwhite/checkbox_parcial.png b/styledemo/other/qss/flatwhite/checkbox_parcial.png new file mode 100644 index 0000000..b4e5c90 Binary files /dev/null and b/styledemo/other/qss/flatwhite/checkbox_parcial.png differ diff --git a/styledemo/other/qss/flatwhite/checkbox_parcial_disable.png b/styledemo/other/qss/flatwhite/checkbox_parcial_disable.png new file mode 100644 index 0000000..37cfe0b Binary files /dev/null and b/styledemo/other/qss/flatwhite/checkbox_parcial_disable.png differ diff --git a/styledemo/other/qss/flatwhite/checkbox_unchecked.png b/styledemo/other/qss/flatwhite/checkbox_unchecked.png new file mode 100644 index 0000000..4de043a Binary files /dev/null and b/styledemo/other/qss/flatwhite/checkbox_unchecked.png differ diff --git a/styledemo/other/qss/flatwhite/checkbox_unchecked_disable.png b/styledemo/other/qss/flatwhite/checkbox_unchecked_disable.png new file mode 100644 index 0000000..5223e84 Binary files /dev/null and b/styledemo/other/qss/flatwhite/checkbox_unchecked_disable.png differ diff --git a/styledemo/other/qss/flatwhite/radiobutton_checked.png b/styledemo/other/qss/flatwhite/radiobutton_checked.png new file mode 100644 index 0000000..f98e6c3 Binary files /dev/null and b/styledemo/other/qss/flatwhite/radiobutton_checked.png differ diff --git a/styledemo/other/qss/flatwhite/radiobutton_checked_disable.png b/styledemo/other/qss/flatwhite/radiobutton_checked_disable.png new file mode 100644 index 0000000..dedc3b4 Binary files /dev/null and b/styledemo/other/qss/flatwhite/radiobutton_checked_disable.png differ diff --git a/styledemo/other/qss/flatwhite/radiobutton_unchecked.png b/styledemo/other/qss/flatwhite/radiobutton_unchecked.png new file mode 100644 index 0000000..5369132 Binary files /dev/null and b/styledemo/other/qss/flatwhite/radiobutton_unchecked.png differ diff --git a/styledemo/other/qss/flatwhite/radiobutton_unchecked_disable.png b/styledemo/other/qss/flatwhite/radiobutton_unchecked_disable.png new file mode 100644 index 0000000..67c61f2 Binary files /dev/null and b/styledemo/other/qss/flatwhite/radiobutton_unchecked_disable.png differ diff --git a/styledemo/other/qss/lightblue.css b/styledemo/other/qss/lightblue.css new file mode 100644 index 0000000..4b900af --- /dev/null +++ b/styledemo/other/qss/lightblue.css @@ -0,0 +1,648 @@ +QPalette{background:#EAF7FF;}*{outline:0px;color:#386487;} + +QWidget[form="true"],QLabel[frameShape="1"]{ +border:1px solid #C0DCF2; +border-radius:0px; +} + +QWidget[form="bottom"]{ +background:#DEF0FE; +} + +QWidget[form="bottom"] .QFrame{ +border:1px solid #386487; +} + +QWidget[form="bottom"] QLabel,QWidget[form="title"] QLabel{ +border-radius:0px; +color:#386487; +background:none; +border-style:none; +} + +QWidget[form="title"],QWidget[nav="left"],QWidget[nav="top"] QAbstractButton{ +border-style:none; +border-radius:0px; +padding:5px; +color:#386487; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #DEF0FE,stop:1 #C0DEF6); +} + +QWidget[nav="top"] QAbstractButton:hover,QWidget[nav="top"] QAbstractButton:pressed,QWidget[nav="top"] QAbstractButton:checked{ +border-style:solid; +border-width:0px 0px 2px 0px; +padding:4px 4px 2px 4px; +border-color:#00BB9E; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #F2F9FF,stop:1 #DAEFFF); +} + +QWidget[nav="left"] QAbstractButton{ +border-radius:0px; +color:#386487; +background:none; +border-style:none; +} + +QWidget[nav="left"] QAbstractButton:hover{ +color:#FFFFFF; +background-color:#00BB9E; +} + +QWidget[nav="left"] QAbstractButton:checked,QWidget[nav="left"] QAbstractButton:pressed{ +color:#386487; +border-style:solid; +border-width:0px 0px 0px 2px; +padding:4px 4px 4px 2px; +border-color:#00BB9E; +background-color:#EAF7FF; +} + +QWidget[video="true"] QLabel{ +color:#386487; +border:1px solid #C0DCF2; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #DEF0FE,stop:1 #C0DEF6); +} + +QWidget[video="true"] QLabel:focus{ +border:1px solid #00BB9E; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #F2F9FF,stop:1 #DAEFFF); +} + +QLineEdit,QTextEdit,QPlainTextEdit,QSpinBox,QDoubleSpinBox,QComboBox,QDateEdit,QTimeEdit,QDateTimeEdit{ +border:1px solid #C0DCF2; +border-radius:3px; +padding:2px; +background:none; +selection-background-color:#00BB9E; +selection-color:#FFFFFF; +} + +QLineEdit:focus,QTextEdit:focus,QPlainTextEdit:focus,QSpinBox:focus,QDoubleSpinBox:focus,QComboBox:focus,QDateEdit:focus,QTimeEdit:focus,QDateTimeEdit:focus,QLineEdit:hover,QTextEdit:hover,QPlainTextEdit:hover,QSpinBox:hover,QDoubleSpinBox:hover,QComboBox:hover,QDateEdit:hover,QTimeEdit:hover,QDateTimeEdit:hover{ +border:1px solid #C0DCF2; +} + +QLineEdit[echoMode="2"]{ +lineedit-password-character:9679; +} + +.QFrame{ +border:1px solid #C0DCF2; +border-radius:3px; +} + +.QGroupBox{ +border:1px solid #C0DCF2; +border-radius:5px; +margin-top:3ex; +} + +.QGroupBox::title{ +subcontrol-origin:margin; +position:relative; +left:10px; +} + +.QPushButton,.QToolButton{ +border-style:none; +border:1px solid #C0DCF2; +color:#386487; +padding:5px; +min-height:15px; +border-radius:5px; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #DEF0FE,stop:1 #C0DEF6); +} + +.QPushButton:hover,.QToolButton:hover{ +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #F2F9FF,stop:1 #DAEFFF); +} + +.QPushButton:pressed,.QToolButton:pressed{ +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #DEF0FE,stop:1 #C0DEF6); +} + +.QToolButton::menu-indicator{ +image:None; +} + +QToolButton#btnMenu,QPushButton#btnMenu_Min,QPushButton#btnMenu_Max,QPushButton#btnMenu_Close{ +border-radius:3px; +color:#386487; +padding:3px; +margin:0px; +background:none; +border-style:none; +} + +QToolButton#btnMenu:hover,QPushButton#btnMenu_Min:hover,QPushButton#btnMenu_Max:hover{ +color:#FFFFFF; +margin:1px 1px 2px 1px; +background-color:rgba(51,127,209,230); +} + +QPushButton#btnMenu_Close:hover{ +color:#FFFFFF; +margin:1px 1px 2px 1px; +background-color:rgba(238,0,0,128); +} + +QRadioButton::indicator{ +width:15px; +height:15px; +} + +QRadioButton::indicator::unchecked{ +image:url(:/qss/lightblue/radiobutton_unchecked.png); +} + +QRadioButton::indicator::unchecked:disabled{ +image:url(:/qss/lightblue/radiobutton_unchecked_disable.png); +} + +QRadioButton::indicator::checked{ +image:url(:/qss/lightblue/radiobutton_checked.png); +} + +QRadioButton::indicator::checked:disabled{ +image:url(:/qss/lightblue/radiobutton_checked_disable.png); +} + +QGroupBox::indicator,QTreeWidget::indicator,QListWidget::indicator{ +padding:0px -3px 0px 0px; +} + +QCheckBox::indicator,QGroupBox::indicator,QTreeWidget::indicator,QListWidget::indicator{ +width:13px; +height:13px; +} + +QCheckBox::indicator:unchecked,QGroupBox::indicator:unchecked,QTreeWidget::indicator:unchecked,QListWidget::indicator:unchecked{ +image:url(:/qss/lightblue/checkbox_unchecked.png); +} + +QCheckBox::indicator:unchecked:disabled,QGroupBox::indicator:unchecked:disabled,QTreeWidget::indicator:unchecked:disabled,QListWidget::indicator:disabled{ +image:url(:/qss/lightblue/checkbox_unchecked_disable.png); +} + +QCheckBox::indicator:checked,QGroupBox::indicator:checked,QTreeWidget::indicator:checked,QListWidget::indicator:checked{ +image:url(:/qss/lightblue/checkbox_checked.png); +} + +QCheckBox::indicator:checked:disabled,QGroupBox::indicator:checked:disabled,QTreeWidget::indicator:checked:disabled,QListWidget::indicator:checked:disabled{ +image:url(:/qss/lightblue/checkbox_checked_disable.png); +} + +QCheckBox::indicator:indeterminate,QGroupBox::indicator:indeterminate,QTreeWidget::indicator:indeterminate,QListWidget::indicator:indeterminate{ +image:url(:/qss/lightblue/checkbox_parcial.png); +} + +QCheckBox::indicator:indeterminate:disabled,QGroupBox::indicator:indeterminate:disabled,QTreeWidget::indicator:indeterminate:disabled,QListWidget::indicator:indeterminate:disabled{ +image:url(:/qss/lightblue/checkbox_parcial_disable.png); +} + +QTimeEdit::up-button,QDateEdit::up-button,QDateTimeEdit::up-button,QDoubleSpinBox::up-button,QSpinBox::up-button{ +image:url(:/qss/lightblue/add_top.png); +width:10px; +height:10px; +padding:2px 5px 0px 0px; +} + +QTimeEdit::down-button,QDateEdit::down-button,QDateTimeEdit::down-button,QDoubleSpinBox::down-button,QSpinBox::down-button{ +image:url(:/qss/lightblue/add_bottom.png); +width:10px; +height:10px; +padding:0px 5px 2px 0px; +} + +QTimeEdit::up-button:pressed,QDateEdit::up-button:pressed,QDateTimeEdit::up-button:pressed,QDoubleSpinBox::up-button:pressed,QSpinBox::up-button:pressed{ +top:-2px; +} + +QTimeEdit::down-button:pressed,QDateEdit::down-button:pressed,QDateTimeEdit::down-button:pressed,QDoubleSpinBox::down-button:pressed,QSpinBox::down-button:pressed,QSpinBox::down-button:pressed{ +bottom:-2px; +} + +QComboBox::down-arrow,QDateEdit[calendarPopup="true"]::down-arrow,QTimeEdit[calendarPopup="true"]::down-arrow,QDateTimeEdit[calendarPopup="true"]::down-arrow{ +image:url(:/qss/lightblue/add_bottom.png); +width:10px; +height:10px; +right:2px; +} + +QComboBox::drop-down,QDateEdit::drop-down,QTimeEdit::drop-down,QDateTimeEdit::drop-down{ +subcontrol-origin:padding; +subcontrol-position:top right; +width:15px; +border-left-width:0px; +border-left-style:solid; +border-top-right-radius:3px; +border-bottom-right-radius:3px; +border-left-color:#C0DCF2; +} + +QComboBox::drop-down:on{ +top:1px; +} + +QMenuBar::item{ +color:#386487; +background-color:#DEF0FE; +margin:0px; +padding:3px 10px; +} + +QMenu,QMenuBar,QMenu:disabled,QMenuBar:disabled{ +color:#386487; +background-color:#DEF0FE; +border:1px solid #C0DCF2; +margin:0px; +} + +QMenu::item{ +padding:3px 20px; +} + +QMenu::indicator{ +width:13px; +height:13px; +} + +QMenu::item:selected,QMenuBar::item:selected{ +color:#386487; +border:0px solid #C0DCF2; +background:#F2F9FF; +} + +QMenu::separator{ +height:1px; +background:#C0DCF2; +} + +QProgressBar{ +min-height:10px; +background:#DEF0FE; +border-radius:5px; +text-align:center; +border:1px solid #DEF0FE; +} + +QProgressBar:chunk{ +border-radius:5px; +background-color:#C0DCF2; +} + +QSlider::groove:horizontal{ +background:#DEF0FE; +height:8px; +border-radius:4px; +} + +QSlider::add-page:horizontal{ +background:#DEF0FE; +height:8px; +border-radius:4px; +} + +QSlider::sub-page:horizontal{ +background:#C0DCF2; +height:8px; +border-radius:4px; +} + +QSlider::handle:horizontal{ +width:13px; +margin-top:-3px; +margin-bottom:-3px; +border-radius:6px; +background:qradialgradient(spread:pad,cx:0.5,cy:0.5,radius:0.5,fx:0.5,fy:0.5,stop:0.6 #EAF7FF,stop:0.8 #C0DCF2); +} + +QSlider::groove:vertical{ +width:8px; +border-radius:4px; +background:#DEF0FE; +} + +QSlider::add-page:vertical{ +width:8px; +border-radius:4px; +background:#DEF0FE; +} + +QSlider::sub-page:vertical{ +width:8px; +border-radius:4px; +background:#C0DCF2; +} + +QSlider::handle:vertical{ +height:14px; +margin-left:-3px; +margin-right:-3px; +border-radius:6px; +background:qradialgradient(spread:pad,cx:0.5,cy:0.5,radius:0.5,fx:0.5,fy:0.5,stop:0.6 #EAF7FF,stop:0.8 #C0DCF2); +} + +QScrollBar:horizontal{ +background:#DEF0FE; +padding:0px; +border-radius:6px; +max-height:12px; +} + +QScrollBar::handle:horizontal{ +background:#C0DCF2; +min-width:50px; +border-radius:6px; +} + +QScrollBar::handle:horizontal:hover{ +background:#00BB9E; +} + +QScrollBar::handle:horizontal:pressed{ +background:#00BB9E; +} + +QScrollBar::add-page:horizontal{ +background:none; +} + +QScrollBar::sub-page:horizontal{ +background:none; +} + +QScrollBar::add-line:horizontal{ +background:none; +} + +QScrollBar::sub-line:horizontal{ +background:none; +} + +QScrollBar:vertical{ +background:#DEF0FE; +padding:0px; +border-radius:6px; +max-width:12px; +} + +QScrollBar::handle:vertical{ +background:#C0DCF2; +min-height:50px; +border-radius:6px; +} + +QScrollBar::handle:vertical:hover{ +background:#00BB9E; +} + +QScrollBar::handle:vertical:pressed{ +background:#00BB9E; +} + +QScrollBar::add-page:vertical{ +background:none; +} + +QScrollBar::sub-page:vertical{ +background:none; +} + +QScrollBar::add-line:vertical{ +background:none; +} + +QScrollBar::sub-line:vertical{ +background:none; +} + +QScrollArea{ +border:0px; +} + +QTreeView,QListView,QTableView,QTabWidget::pane{ +border:1px solid #C0DCF2; +selection-background-color:#F2F9FF; +selection-color:#386487; +alternate-background-color:#DAEFFF; +gridline-color:#C0DCF2; +} + +QTreeView::branch:closed:has-children{ +margin:4px; +border-image:url(:/qss/lightblue/branch_open.png); +} + +QTreeView::branch:open:has-children{ +margin:4px; +border-image:url(:/qss/lightblue/branch_close.png); +} + +QTreeView,QListView,QTableView,QSplitter::handle,QTreeView::branch{ +background:#EAF7FF; +} + +QTableView::item:selected,QListView::item:selected,QTreeView::item:selected{ +color:#386487; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #DEF0FE,stop:1 #C0DEF6); +} + +QTableView::item:hover,QListView::item:hover,QTreeView::item:hover,QHeaderView{ +color:#386487; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #F2F9FF,stop:1 #DAEFFF); +} + +QTableView::item,QListView::item,QTreeView::item{ +padding:1px; +margin:0px; +} + +QHeaderView::section,QTableCornerButton:section{ +padding:3px; +margin:0px; +color:#386487; +border:1px solid #C0DCF2; +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 #F2F9FF,stop:1 #DAEFFF); +} + +QTabBar::tab{ +border:1px solid #C0DCF2; +color:#386487; +margin:0px; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #F2F9FF,stop:1 #DAEFFF); +} + +QTabBar::tab:selected,QTabBar::tab:hover{ +border-style:solid; +border-color:#00BB9E; +background:#EAF7FF; +} + +QTabBar::tab:top,QTabBar::tab:bottom{ +padding:3px 8px 3px 8px; +} + +QTabBar::tab:left,QTabBar::tab:right{ +padding:8px 3px 8px 3px; +} + +QTabBar::tab:top:selected,QTabBar::tab:top:hover{ +border-width:2px 0px 0px 0px; +} + +QTabBar::tab:right:selected,QTabBar::tab:right:hover{ +border-width:0px 0px 0px 2px; +} + +QTabBar::tab:bottom:selected,QTabBar::tab:bottom:hover{ +border-width:0px 0px 2px 0px; +} + +QTabBar::tab:left:selected,QTabBar::tab:left:hover{ +border-width:0px 2px 0px 0px; +} + +QTabBar::tab:first:top:selected,QTabBar::tab:first:top:hover,QTabBar::tab:first:bottom:selected,QTabBar::tab:first:bottom:hover{ +border-left-width:1px; +border-left-color:#C0DCF2; +} + +QTabBar::tab:first:left:selected,QTabBar::tab:first:left:hover,QTabBar::tab:first:right:selected,QTabBar::tab:first:right:hover{ +border-top-width:1px; +border-top-color:#C0DCF2; +} + +QTabBar::tab:last:top:selected,QTabBar::tab:last:top:hover,QTabBar::tab:last:bottom:selected,QTabBar::tab:last:bottom:hover{ +border-right-width:1px; +border-right-color:#C0DCF2; +} + +QTabBar::tab:last:left:selected,QTabBar::tab:last:left:hover,QTabBar::tab:last:right:selected,QTabBar::tab:last:right:hover{ +border-bottom-width:1px; +border-bottom-color:#C0DCF2; +} + +QStatusBar::item{ +border:0px solid #DEF0FE; +border-radius:3px; +} + +QToolBox::tab,QGroupBox#gboxDevicePanel,QGroupBox#gboxDeviceTitle,QFrame#gboxDevicePanel,QFrame#gboxDeviceTitle{ +padding:3px; +border-radius:5px; +color:#386487; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #DEF0FE,stop:1 #C0DEF6); +} + +QToolTip{ +border:0px solid #386487; +padding:1px; +color:#386487; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #DEF0FE,stop:1 #C0DEF6); +} + +QToolBox::tab:selected{ +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #F2F9FF,stop:1 #DAEFFF); +} + +QPrintPreviewDialog QToolButton{ +border:0px solid #386487; +border-radius:0px; +margin:0px; +padding:3px; +background:none; +} + +QColorDialog QPushButton,QFileDialog QPushButton{ +min-width:80px; +} + +QToolButton#qt_calendar_prevmonth{ +icon-size:0px; +min-width:20px; +image:url(:/qss/lightblue/calendar_prevmonth.png); +} + +QToolButton#qt_calendar_nextmonth{ +icon-size:0px; +min-width:20px; +image:url(:/qss/lightblue/calendar_nextmonth.png); +} + +QToolButton#qt_calendar_prevmonth,QToolButton#qt_calendar_nextmonth,QToolButton#qt_calendar_monthbutton,QToolButton#qt_calendar_yearbutton{ +border:0px solid #386487; +border-radius:3px; +margin:3px 3px 3px 3px; +padding:3px; +background:none; +} + +QToolButton#qt_calendar_prevmonth:hover,QToolButton#qt_calendar_nextmonth:hover,QToolButton#qt_calendar_monthbutton:hover,QToolButton#qt_calendar_yearbutton:hover,QToolButton#qt_calendar_prevmonth:pressed,QToolButton#qt_calendar_nextmonth:pressed,QToolButton#qt_calendar_monthbutton:pressed,QToolButton#qt_calendar_yearbutton:pressed{ +border:1px solid #C0DCF2; +} + +QCalendarWidget QSpinBox#qt_calendar_yearedit{ +margin:2px; +} + +QCalendarWidget QToolButton::menu-indicator{ +image:None; +} + +QCalendarWidget QTableView{ +border-width:0px; +} + +QCalendarWidget QWidget#qt_calendar_navigationbar{ +border:1px solid #C0DCF2; +border-width:1px 1px 0px 1px; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #DEF0FE,stop:1 #C0DEF6); +} + +QComboBox QAbstractItemView::item{ +min-height:20px; +min-width:10px; +} + +QTableView[model="true"]::item{ +padding:0px; +margin:0px; +} + +QTableView QLineEdit,QTableView QComboBox,QTableView QSpinBox,QTableView QDoubleSpinBox,QTableView QDateEdit,QTableView QTimeEdit,QTableView QDateTimeEdit{ +border-width:0px; +border-radius:0px; +} + +QTableView QLineEdit:focus,QTableView QComboBox:focus,QTableView QSpinBox:focus,QTableView QDoubleSpinBox:focus,QTableView QDateEdit:focus,QTableView QTimeEdit:focus,QTableView QDateTimeEdit:focus{ +border-width:0px; +border-radius:0px; +} + +QLineEdit,QTextEdit,QPlainTextEdit,QSpinBox,QDoubleSpinBox,QComboBox,QDateEdit,QTimeEdit,QDateTimeEdit{ +background:#EAF7FF; +} + +QTabWidget::pane:top{top:-1px;} +QTabWidget::pane:bottom{bottom:-1px;} +QTabWidget::pane:left{right:-1px;} +QTabWidget::pane:right{left:-1px;} + +*:disabled{ +background:#EAF7FF; +border-color:#DEF0FE; +color:#C0DCF2; +} + +/*TextColor:#386487*/ +/*PanelColor:#EAF7FF*/ +/*BorderColor:#C0DCF2*/ +/*NormalColorStart:#DEF0FE*/ +/*NormalColorEnd:#C0DEF6*/ +/*DarkColorStart:#F2F9FF*/ +/*DarkColorEnd:#DAEFFF*/ +/*HighColor:#00BB9E*/ \ No newline at end of file diff --git a/styledemo/other/qss/lightblue/add_bottom.png b/styledemo/other/qss/lightblue/add_bottom.png new file mode 100644 index 0000000..11c409a Binary files /dev/null and b/styledemo/other/qss/lightblue/add_bottom.png differ diff --git a/styledemo/other/qss/lightblue/add_left.png b/styledemo/other/qss/lightblue/add_left.png new file mode 100644 index 0000000..62f8532 Binary files /dev/null and b/styledemo/other/qss/lightblue/add_left.png differ diff --git a/styledemo/other/qss/lightblue/add_right.png b/styledemo/other/qss/lightblue/add_right.png new file mode 100644 index 0000000..fa043d4 Binary files /dev/null and b/styledemo/other/qss/lightblue/add_right.png differ diff --git a/styledemo/other/qss/lightblue/add_top.png b/styledemo/other/qss/lightblue/add_top.png new file mode 100644 index 0000000..2636e2a Binary files /dev/null and b/styledemo/other/qss/lightblue/add_top.png differ diff --git a/styledemo/other/qss/lightblue/branch_close.png b/styledemo/other/qss/lightblue/branch_close.png new file mode 100644 index 0000000..507bc0e Binary files /dev/null and b/styledemo/other/qss/lightblue/branch_close.png differ diff --git a/styledemo/other/qss/lightblue/branch_open.png b/styledemo/other/qss/lightblue/branch_open.png new file mode 100644 index 0000000..129ef87 Binary files /dev/null and b/styledemo/other/qss/lightblue/branch_open.png differ diff --git a/styledemo/other/qss/lightblue/calendar_nextmonth.png b/styledemo/other/qss/lightblue/calendar_nextmonth.png new file mode 100644 index 0000000..98da7a7 Binary files /dev/null and b/styledemo/other/qss/lightblue/calendar_nextmonth.png differ diff --git a/styledemo/other/qss/lightblue/calendar_prevmonth.png b/styledemo/other/qss/lightblue/calendar_prevmonth.png new file mode 100644 index 0000000..e4bfa5a Binary files /dev/null and b/styledemo/other/qss/lightblue/calendar_prevmonth.png differ diff --git a/styledemo/other/qss/lightblue/checkbox_checked.png b/styledemo/other/qss/lightblue/checkbox_checked.png new file mode 100644 index 0000000..a42c663 Binary files /dev/null and b/styledemo/other/qss/lightblue/checkbox_checked.png differ diff --git a/styledemo/other/qss/lightblue/checkbox_checked_disable.png b/styledemo/other/qss/lightblue/checkbox_checked_disable.png new file mode 100644 index 0000000..47e6e3f Binary files /dev/null and b/styledemo/other/qss/lightblue/checkbox_checked_disable.png differ diff --git a/styledemo/other/qss/lightblue/checkbox_parcial.png b/styledemo/other/qss/lightblue/checkbox_parcial.png new file mode 100644 index 0000000..0f15672 Binary files /dev/null and b/styledemo/other/qss/lightblue/checkbox_parcial.png differ diff --git a/styledemo/other/qss/lightblue/checkbox_parcial_disable.png b/styledemo/other/qss/lightblue/checkbox_parcial_disable.png new file mode 100644 index 0000000..4207b3c Binary files /dev/null and b/styledemo/other/qss/lightblue/checkbox_parcial_disable.png differ diff --git a/styledemo/other/qss/lightblue/checkbox_unchecked.png b/styledemo/other/qss/lightblue/checkbox_unchecked.png new file mode 100644 index 0000000..162a9a7 Binary files /dev/null and b/styledemo/other/qss/lightblue/checkbox_unchecked.png differ diff --git a/styledemo/other/qss/lightblue/checkbox_unchecked_disable.png b/styledemo/other/qss/lightblue/checkbox_unchecked_disable.png new file mode 100644 index 0000000..d275208 Binary files /dev/null and b/styledemo/other/qss/lightblue/checkbox_unchecked_disable.png differ diff --git a/styledemo/other/qss/lightblue/radiobutton_checked.png b/styledemo/other/qss/lightblue/radiobutton_checked.png new file mode 100644 index 0000000..c2a4b83 Binary files /dev/null and b/styledemo/other/qss/lightblue/radiobutton_checked.png differ diff --git a/styledemo/other/qss/lightblue/radiobutton_checked_disable.png b/styledemo/other/qss/lightblue/radiobutton_checked_disable.png new file mode 100644 index 0000000..acb8278 Binary files /dev/null and b/styledemo/other/qss/lightblue/radiobutton_checked_disable.png differ diff --git a/styledemo/other/qss/lightblue/radiobutton_unchecked.png b/styledemo/other/qss/lightblue/radiobutton_unchecked.png new file mode 100644 index 0000000..433ab0f Binary files /dev/null and b/styledemo/other/qss/lightblue/radiobutton_unchecked.png differ diff --git a/styledemo/other/qss/lightblue/radiobutton_unchecked_disable.png b/styledemo/other/qss/lightblue/radiobutton_unchecked_disable.png new file mode 100644 index 0000000..0a782f7 Binary files /dev/null and b/styledemo/other/qss/lightblue/radiobutton_unchecked_disable.png differ diff --git a/styledemo/other/qss/psblack.css b/styledemo/other/qss/psblack.css new file mode 100644 index 0000000..b61436d --- /dev/null +++ b/styledemo/other/qss/psblack.css @@ -0,0 +1,648 @@ +QPalette{background:#444444;}*{outline:0px;color:#DCDCDC;} + +QWidget[form="true"],QLabel[frameShape="1"]{ +border:1px solid #242424; +border-radius:0px; +} + +QWidget[form="bottom"]{ +background:#484848; +} + +QWidget[form="bottom"] .QFrame{ +border:1px solid #DCDCDC; +} + +QWidget[form="bottom"] QLabel,QWidget[form="title"] QLabel{ +border-radius:0px; +color:#DCDCDC; +background:none; +border-style:none; +} + +QWidget[form="title"],QWidget[nav="left"],QWidget[nav="top"] QAbstractButton{ +border-style:none; +border-radius:0px; +padding:5px; +color:#DCDCDC; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #484848,stop:1 #383838); +} + +QWidget[nav="top"] QAbstractButton:hover,QWidget[nav="top"] QAbstractButton:pressed,QWidget[nav="top"] QAbstractButton:checked{ +border-style:solid; +border-width:0px 0px 2px 0px; +padding:4px 4px 2px 4px; +border-color:#00BB9E; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #646464,stop:1 #525252); +} + +QWidget[nav="left"] QAbstractButton{ +border-radius:0px; +color:#DCDCDC; +background:none; +border-style:none; +} + +QWidget[nav="left"] QAbstractButton:hover{ +color:#FFFFFF; +background-color:#00BB9E; +} + +QWidget[nav="left"] QAbstractButton:checked,QWidget[nav="left"] QAbstractButton:pressed{ +color:#DCDCDC; +border-style:solid; +border-width:0px 0px 0px 2px; +padding:4px 4px 4px 2px; +border-color:#00BB9E; +background-color:#444444; +} + +QWidget[video="true"] QLabel{ +color:#DCDCDC; +border:1px solid #242424; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #484848,stop:1 #383838); +} + +QWidget[video="true"] QLabel:focus{ +border:1px solid #00BB9E; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #646464,stop:1 #525252); +} + +QLineEdit,QTextEdit,QPlainTextEdit,QSpinBox,QDoubleSpinBox,QComboBox,QDateEdit,QTimeEdit,QDateTimeEdit{ +border:1px solid #242424; +border-radius:3px; +padding:2px; +background:none; +selection-background-color:#484848; +selection-color:#DCDCDC; +} + +QLineEdit:focus,QTextEdit:focus,QPlainTextEdit:focus,QSpinBox:focus,QDoubleSpinBox:focus,QComboBox:focus,QDateEdit:focus,QTimeEdit:focus,QDateTimeEdit:focus,QLineEdit:hover,QTextEdit:hover,QPlainTextEdit:hover,QSpinBox:hover,QDoubleSpinBox:hover,QComboBox:hover,QDateEdit:hover,QTimeEdit:hover,QDateTimeEdit:hover{ +border:1px solid #242424; +} + +QLineEdit[echoMode="2"]{ +lineedit-password-character:9679; +} + +.QFrame{ +border:1px solid #242424; +border-radius:3px; +} + +.QGroupBox{ +border:1px solid #242424; +border-radius:5px; +margin-top:3ex; +} + +.QGroupBox::title{ +subcontrol-origin:margin; +position:relative; +left:10px; +} + +.QPushButton,.QToolButton{ +border-style:none; +border:1px solid #242424; +color:#DCDCDC; +padding:5px; +min-height:15px; +border-radius:5px; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #484848,stop:1 #383838); +} + +.QPushButton:hover,.QToolButton:hover{ +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #646464,stop:1 #525252); +} + +.QPushButton:pressed,.QToolButton:pressed{ +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #484848,stop:1 #383838); +} + +.QToolButton::menu-indicator{ +image:None; +} + +QToolButton#btnMenu,QPushButton#btnMenu_Min,QPushButton#btnMenu_Max,QPushButton#btnMenu_Close{ +border-radius:3px; +color:#DCDCDC; +padding:3px; +margin:0px; +background:none; +border-style:none; +} + +QToolButton#btnMenu:hover,QPushButton#btnMenu_Min:hover,QPushButton#btnMenu_Max:hover{ +color:#FFFFFF; +margin:1px 1px 2px 1px; +background-color:rgba(51,127,209,230); +} + +QPushButton#btnMenu_Close:hover{ +color:#FFFFFF; +margin:1px 1px 2px 1px; +background-color:rgba(238,0,0,128); +} + +QRadioButton::indicator{ +width:15px; +height:15px; +} + +QRadioButton::indicator::unchecked{ +image:url(:/qss/psblack/radiobutton_unchecked.png); +} + +QRadioButton::indicator::unchecked:disabled{ +image:url(:/qss/psblack/radiobutton_unchecked_disable.png); +} + +QRadioButton::indicator::checked{ +image:url(:/qss/psblack/radiobutton_checked.png); +} + +QRadioButton::indicator::checked:disabled{ +image:url(:/qss/psblack/radiobutton_checked_disable.png); +} + +QGroupBox::indicator,QTreeWidget::indicator,QListWidget::indicator{ +padding:0px -3px 0px 0px; +} + +QCheckBox::indicator,QGroupBox::indicator,QTreeWidget::indicator,QListWidget::indicator{ +width:13px; +height:13px; +} + +QCheckBox::indicator:unchecked,QGroupBox::indicator:unchecked,QTreeWidget::indicator:unchecked,QListWidget::indicator:unchecked{ +image:url(:/qss/psblack/checkbox_unchecked.png); +} + +QCheckBox::indicator:unchecked:disabled,QGroupBox::indicator:unchecked:disabled,QTreeWidget::indicator:unchecked:disabled,QListWidget::indicator:disabled{ +image:url(:/qss/psblack/checkbox_unchecked_disable.png); +} + +QCheckBox::indicator:checked,QGroupBox::indicator:checked,QTreeWidget::indicator:checked,QListWidget::indicator:checked{ +image:url(:/qss/psblack/checkbox_checked.png); +} + +QCheckBox::indicator:checked:disabled,QGroupBox::indicator:checked:disabled,QTreeWidget::indicator:checked:disabled,QListWidget::indicator:checked:disabled{ +image:url(:/qss/psblack/checkbox_checked_disable.png); +} + +QCheckBox::indicator:indeterminate,QGroupBox::indicator:indeterminate,QTreeWidget::indicator:indeterminate,QListWidget::indicator:indeterminate{ +image:url(:/qss/psblack/checkbox_parcial.png); +} + +QCheckBox::indicator:indeterminate:disabled,QGroupBox::indicator:indeterminate:disabled,QTreeWidget::indicator:indeterminate:disabled,QListWidget::indicator:indeterminate:disabled{ +image:url(:/qss/psblack/checkbox_parcial_disable.png); +} + +QTimeEdit::up-button,QDateEdit::up-button,QDateTimeEdit::up-button,QDoubleSpinBox::up-button,QSpinBox::up-button{ +image:url(:/qss/psblack/add_top.png); +width:10px; +height:10px; +padding:2px 5px 0px 0px; +} + +QTimeEdit::down-button,QDateEdit::down-button,QDateTimeEdit::down-button,QDoubleSpinBox::down-button,QSpinBox::down-button{ +image:url(:/qss/psblack/add_bottom.png); +width:10px; +height:10px; +padding:0px 5px 2px 0px; +} + +QTimeEdit::up-button:pressed,QDateEdit::up-button:pressed,QDateTimeEdit::up-button:pressed,QDoubleSpinBox::up-button:pressed,QSpinBox::up-button:pressed{ +top:-2px; +} + +QTimeEdit::down-button:pressed,QDateEdit::down-button:pressed,QDateTimeEdit::down-button:pressed,QDoubleSpinBox::down-button:pressed,QSpinBox::down-button:pressed,QSpinBox::down-button:pressed{ +bottom:-2px; +} + +QComboBox::down-arrow,QDateEdit[calendarPopup="true"]::down-arrow,QTimeEdit[calendarPopup="true"]::down-arrow,QDateTimeEdit[calendarPopup="true"]::down-arrow{ +image:url(:/qss/psblack/add_bottom.png); +width:10px; +height:10px; +right:2px; +} + +QComboBox::drop-down,QDateEdit::drop-down,QTimeEdit::drop-down,QDateTimeEdit::drop-down{ +subcontrol-origin:padding; +subcontrol-position:top right; +width:15px; +border-left-width:0px; +border-left-style:solid; +border-top-right-radius:3px; +border-bottom-right-radius:3px; +border-left-color:#242424; +} + +QComboBox::drop-down:on{ +top:1px; +} + +QMenuBar::item{ +color:#DCDCDC; +background-color:#484848; +margin:0px; +padding:3px 10px; +} + +QMenu,QMenuBar,QMenu:disabled,QMenuBar:disabled{ +color:#DCDCDC; +background-color:#484848; +border:1px solid #242424; +margin:0px; +} + +QMenu::item{ +padding:3px 20px; +} + +QMenu::indicator{ +width:13px; +height:13px; +} + +QMenu::item:selected,QMenuBar::item:selected{ +color:#DCDCDC; +border:0px solid #242424; +background:#646464; +} + +QMenu::separator{ +height:1px; +background:#242424; +} + +QProgressBar{ +min-height:10px; +background:#484848; +border-radius:5px; +text-align:center; +border:1px solid #484848; +} + +QProgressBar:chunk{ +border-radius:5px; +background-color:#242424; +} + +QSlider::groove:horizontal{ +background:#484848; +height:8px; +border-radius:4px; +} + +QSlider::add-page:horizontal{ +background:#484848; +height:8px; +border-radius:4px; +} + +QSlider::sub-page:horizontal{ +background:#242424; +height:8px; +border-radius:4px; +} + +QSlider::handle:horizontal{ +width:13px; +margin-top:-3px; +margin-bottom:-3px; +border-radius:6px; +background:qradialgradient(spread:pad,cx:0.5,cy:0.5,radius:0.5,fx:0.5,fy:0.5,stop:0.6 #444444,stop:0.8 #242424); +} + +QSlider::groove:vertical{ +width:8px; +border-radius:4px; +background:#484848; +} + +QSlider::add-page:vertical{ +width:8px; +border-radius:4px; +background:#484848; +} + +QSlider::sub-page:vertical{ +width:8px; +border-radius:4px; +background:#242424; +} + +QSlider::handle:vertical{ +height:14px; +margin-left:-3px; +margin-right:-3px; +border-radius:6px; +background:qradialgradient(spread:pad,cx:0.5,cy:0.5,radius:0.5,fx:0.5,fy:0.5,stop:0.6 #444444,stop:0.8 #242424); +} + +QScrollBar:horizontal{ +background:#484848; +padding:0px; +border-radius:6px; +max-height:12px; +} + +QScrollBar::handle:horizontal{ +background:#242424; +min-width:50px; +border-radius:6px; +} + +QScrollBar::handle:horizontal:hover{ +background:#00BB9E; +} + +QScrollBar::handle:horizontal:pressed{ +background:#00BB9E; +} + +QScrollBar::add-page:horizontal{ +background:none; +} + +QScrollBar::sub-page:horizontal{ +background:none; +} + +QScrollBar::add-line:horizontal{ +background:none; +} + +QScrollBar::sub-line:horizontal{ +background:none; +} + +QScrollBar:vertical{ +background:#484848; +padding:0px; +border-radius:6px; +max-width:12px; +} + +QScrollBar::handle:vertical{ +background:#242424; +min-height:50px; +border-radius:6px; +} + +QScrollBar::handle:vertical:hover{ +background:#00BB9E; +} + +QScrollBar::handle:vertical:pressed{ +background:#00BB9E; +} + +QScrollBar::add-page:vertical{ +background:none; +} + +QScrollBar::sub-page:vertical{ +background:none; +} + +QScrollBar::add-line:vertical{ +background:none; +} + +QScrollBar::sub-line:vertical{ +background:none; +} + +QScrollArea{ +border:0px; +} + +QTreeView,QListView,QTableView,QTabWidget::pane{ +border:1px solid #242424; +selection-background-color:#646464; +selection-color:#DCDCDC; +alternate-background-color:#525252; +gridline-color:#242424; +} + +QTreeView::branch:closed:has-children{ +margin:4px; +border-image:url(:/qss/psblack/branch_open.png); +} + +QTreeView::branch:open:has-children{ +margin:4px; +border-image:url(:/qss/psblack/branch_close.png); +} + +QTreeView,QListView,QTableView,QSplitter::handle,QTreeView::branch{ +background:#444444; +} + +QTableView::item:selected,QListView::item:selected,QTreeView::item:selected{ +color:#DCDCDC; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #484848,stop:1 #383838); +} + +QTableView::item:hover,QListView::item:hover,QTreeView::item:hover,QHeaderView{ +color:#DCDCDC; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #646464,stop:1 #525252); +} + +QTableView::item,QListView::item,QTreeView::item{ +padding:1px; +margin:0px; +} + +QHeaderView::section,QTableCornerButton:section{ +padding:3px; +margin:0px; +color:#DCDCDC; +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 #646464,stop:1 #525252); +} + +QTabBar::tab{ +border:1px solid #242424; +color:#DCDCDC; +margin:0px; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #646464,stop:1 #525252); +} + +QTabBar::tab:selected,QTabBar::tab:hover{ +border-style:solid; +border-color:#00BB9E; +background:#444444; +} + +QTabBar::tab:top,QTabBar::tab:bottom{ +padding:3px 8px 3px 8px; +} + +QTabBar::tab:left,QTabBar::tab:right{ +padding:8px 3px 8px 3px; +} + +QTabBar::tab:top:selected,QTabBar::tab:top:hover{ +border-width:2px 0px 0px 0px; +} + +QTabBar::tab:right:selected,QTabBar::tab:right:hover{ +border-width:0px 0px 0px 2px; +} + +QTabBar::tab:bottom:selected,QTabBar::tab:bottom:hover{ +border-width:0px 0px 2px 0px; +} + +QTabBar::tab:left:selected,QTabBar::tab:left:hover{ +border-width:0px 2px 0px 0px; +} + +QTabBar::tab:first:top:selected,QTabBar::tab:first:top:hover,QTabBar::tab:first:bottom:selected,QTabBar::tab:first:bottom:hover{ +border-left-width:1px; +border-left-color:#242424; +} + +QTabBar::tab:first:left:selected,QTabBar::tab:first:left:hover,QTabBar::tab:first:right:selected,QTabBar::tab:first:right:hover{ +border-top-width:1px; +border-top-color:#242424; +} + +QTabBar::tab:last:top:selected,QTabBar::tab:last:top:hover,QTabBar::tab:last:bottom:selected,QTabBar::tab:last:bottom:hover{ +border-right-width:1px; +border-right-color:#242424; +} + +QTabBar::tab:last:left:selected,QTabBar::tab:last:left:hover,QTabBar::tab:last:right:selected,QTabBar::tab:last:right:hover{ +border-bottom-width:1px; +border-bottom-color:#242424; +} + +QStatusBar::item{ +border:0px solid #484848; +border-radius:3px; +} + +QToolBox::tab,QGroupBox#gboxDevicePanel,QGroupBox#gboxDeviceTitle,QFrame#gboxDevicePanel,QFrame#gboxDeviceTitle{ +padding:3px; +border-radius:5px; +color:#DCDCDC; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #484848,stop:1 #383838); +} + +QToolTip{ +border:0px solid #DCDCDC; +padding:1px; +color:#DCDCDC; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #484848,stop:1 #383838); +} + +QToolBox::tab:selected{ +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #646464,stop:1 #525252); +} + +QPrintPreviewDialog QToolButton{ +border:0px solid #DCDCDC; +border-radius:0px; +margin:0px; +padding:3px; +background:none; +} + +QColorDialog QPushButton,QFileDialog QPushButton{ +min-width:80px; +} + +QToolButton#qt_calendar_prevmonth{ +icon-size:0px; +min-width:20px; +image:url(:/qss/psblack/calendar_prevmonth.png); +} + +QToolButton#qt_calendar_nextmonth{ +icon-size:0px; +min-width:20px; +image:url(:/qss/psblack/calendar_nextmonth.png); +} + +QToolButton#qt_calendar_prevmonth,QToolButton#qt_calendar_nextmonth,QToolButton#qt_calendar_monthbutton,QToolButton#qt_calendar_yearbutton{ +border:0px solid #DCDCDC; +border-radius:3px; +margin:3px 3px 3px 3px; +padding:3px; +background:none; +} + +QToolButton#qt_calendar_prevmonth:hover,QToolButton#qt_calendar_nextmonth:hover,QToolButton#qt_calendar_monthbutton:hover,QToolButton#qt_calendar_yearbutton:hover,QToolButton#qt_calendar_prevmonth:pressed,QToolButton#qt_calendar_nextmonth:pressed,QToolButton#qt_calendar_monthbutton:pressed,QToolButton#qt_calendar_yearbutton:pressed{ +border:1px solid #242424; +} + +QCalendarWidget QSpinBox#qt_calendar_yearedit{ +margin:2px; +} + +QCalendarWidget QToolButton::menu-indicator{ +image:None; +} + +QCalendarWidget QTableView{ +border-width:0px; +} + +QCalendarWidget QWidget#qt_calendar_navigationbar{ +border:1px solid #242424; +border-width:1px 1px 0px 1px; +background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #484848,stop:1 #383838); +} + +QComboBox QAbstractItemView::item{ +min-height:20px; +min-width:10px; +} + +QTableView[model="true"]::item{ +padding:0px; +margin:0px; +} + +QTableView QLineEdit,QTableView QComboBox,QTableView QSpinBox,QTableView QDoubleSpinBox,QTableView QDateEdit,QTableView QTimeEdit,QTableView QDateTimeEdit{ +border-width:0px; +border-radius:0px; +} + +QTableView QLineEdit:focus,QTableView QComboBox:focus,QTableView QSpinBox:focus,QTableView QDoubleSpinBox:focus,QTableView QDateEdit:focus,QTableView QTimeEdit:focus,QTableView QDateTimeEdit:focus{ +border-width:0px; +border-radius:0px; +} + +QLineEdit,QTextEdit,QPlainTextEdit,QSpinBox,QDoubleSpinBox,QComboBox,QDateEdit,QTimeEdit,QDateTimeEdit{ +background:#444444; +} + +QTabWidget::pane:top{top:-1px;} +QTabWidget::pane:bottom{bottom:-1px;} +QTabWidget::pane:left{right:-1px;} +QTabWidget::pane:right{left:-1px;} + +*:disabled{ +background:#444444; +border-color:#484848; +color:#242424; +} + +/*TextColor:#DCDCDC*/ +/*PanelColor:#444444*/ +/*BorderColor:#242424*/ +/*NormalColorStart:#484848*/ +/*NormalColorEnd:#383838*/ +/*DarkColorStart:#646464*/ +/*DarkColorEnd:#525252*/ +/*HighColor:#00BB9E*/ \ No newline at end of file diff --git a/styledemo/other/qss/psblack/add_bottom.png b/styledemo/other/qss/psblack/add_bottom.png new file mode 100644 index 0000000..2f8c0f2 Binary files /dev/null and b/styledemo/other/qss/psblack/add_bottom.png differ diff --git a/styledemo/other/qss/psblack/add_left.png b/styledemo/other/qss/psblack/add_left.png new file mode 100644 index 0000000..7a23601 Binary files /dev/null and b/styledemo/other/qss/psblack/add_left.png differ diff --git a/styledemo/other/qss/psblack/add_right.png b/styledemo/other/qss/psblack/add_right.png new file mode 100644 index 0000000..d01c2f7 Binary files /dev/null and b/styledemo/other/qss/psblack/add_right.png differ diff --git a/styledemo/other/qss/psblack/add_top.png b/styledemo/other/qss/psblack/add_top.png new file mode 100644 index 0000000..a5ceb4f Binary files /dev/null and b/styledemo/other/qss/psblack/add_top.png differ diff --git a/styledemo/other/qss/psblack/branch_close.png b/styledemo/other/qss/psblack/branch_close.png new file mode 100644 index 0000000..94511e5 Binary files /dev/null and b/styledemo/other/qss/psblack/branch_close.png differ diff --git a/styledemo/other/qss/psblack/branch_open.png b/styledemo/other/qss/psblack/branch_open.png new file mode 100644 index 0000000..533a63e Binary files /dev/null and b/styledemo/other/qss/psblack/branch_open.png differ diff --git a/styledemo/other/qss/psblack/calendar_nextmonth.png b/styledemo/other/qss/psblack/calendar_nextmonth.png new file mode 100644 index 0000000..c80aa2a Binary files /dev/null and b/styledemo/other/qss/psblack/calendar_nextmonth.png differ diff --git a/styledemo/other/qss/psblack/calendar_prevmonth.png b/styledemo/other/qss/psblack/calendar_prevmonth.png new file mode 100644 index 0000000..421799e Binary files /dev/null and b/styledemo/other/qss/psblack/calendar_prevmonth.png differ diff --git a/styledemo/other/qss/psblack/checkbox_checked.png b/styledemo/other/qss/psblack/checkbox_checked.png new file mode 100644 index 0000000..55a120c Binary files /dev/null and b/styledemo/other/qss/psblack/checkbox_checked.png differ diff --git a/styledemo/other/qss/psblack/checkbox_checked_disable.png b/styledemo/other/qss/psblack/checkbox_checked_disable.png new file mode 100644 index 0000000..fa51554 Binary files /dev/null and b/styledemo/other/qss/psblack/checkbox_checked_disable.png differ diff --git a/styledemo/other/qss/psblack/checkbox_parcial.png b/styledemo/other/qss/psblack/checkbox_parcial.png new file mode 100644 index 0000000..e6ae0b8 Binary files /dev/null and b/styledemo/other/qss/psblack/checkbox_parcial.png differ diff --git a/styledemo/other/qss/psblack/checkbox_parcial_disable.png b/styledemo/other/qss/psblack/checkbox_parcial_disable.png new file mode 100644 index 0000000..eca2c61 Binary files /dev/null and b/styledemo/other/qss/psblack/checkbox_parcial_disable.png differ diff --git a/styledemo/other/qss/psblack/checkbox_unchecked.png b/styledemo/other/qss/psblack/checkbox_unchecked.png new file mode 100644 index 0000000..b06fd70 Binary files /dev/null and b/styledemo/other/qss/psblack/checkbox_unchecked.png differ diff --git a/styledemo/other/qss/psblack/checkbox_unchecked_disable.png b/styledemo/other/qss/psblack/checkbox_unchecked_disable.png new file mode 100644 index 0000000..db00b2a Binary files /dev/null and b/styledemo/other/qss/psblack/checkbox_unchecked_disable.png differ diff --git a/styledemo/other/qss/psblack/radiobutton_checked.png b/styledemo/other/qss/psblack/radiobutton_checked.png new file mode 100644 index 0000000..928307c Binary files /dev/null and b/styledemo/other/qss/psblack/radiobutton_checked.png differ diff --git a/styledemo/other/qss/psblack/radiobutton_checked_disable.png b/styledemo/other/qss/psblack/radiobutton_checked_disable.png new file mode 100644 index 0000000..436b8ea Binary files /dev/null and b/styledemo/other/qss/psblack/radiobutton_checked_disable.png differ diff --git a/styledemo/other/qss/psblack/radiobutton_unchecked.png b/styledemo/other/qss/psblack/radiobutton_unchecked.png new file mode 100644 index 0000000..3d1e440 Binary files /dev/null and b/styledemo/other/qss/psblack/radiobutton_unchecked.png differ diff --git a/styledemo/other/qss/psblack/radiobutton_unchecked_disable.png b/styledemo/other/qss/psblack/radiobutton_unchecked_disable.png new file mode 100644 index 0000000..d291039 Binary files /dev/null and b/styledemo/other/qss/psblack/radiobutton_unchecked_disable.png differ diff --git a/styledemo/readme.txt b/styledemo/readme.txt new file mode 100644 index 0000000..ee25995 --- /dev/null +++ b/styledemo/readme.txt @@ -0,0 +1,134 @@ +PS：本样式demo完全开源。 + +V20170219首版开发计划 +1：所有其他窗体都是其布居中的widget。 +2：左上角图标、标题、标题居中、右上角最小化最大化关闭都可设置，包括设置样式+图标+图形字体（默认图形字体）。 +3：左上角图标及右上角三个按钮可视化控制。同时提供外部访问权限。 +4：无边框窗体可拉伸控制。 +5：提供换肤接口，内置8套样式选择，也可自定义样式路径。 +6：做成设计师插件，可以直接拖曳使用，所见即所得。 +7：后期增加内置信息框、颜色框等弹出窗体的支持。 + +8：重新设计QSS样式，去掉单选框图片、滚动条图片，增加主菜单样式。 +样式表格式 +（1）：第一行为特殊自定义部分，可以通过读取文本文件识别到特殊的颜色值。用于特殊处理。 +（2）：第二行为全局样式设置，例如无虚线，全局字体大小，文字颜色，禁用控件颜色。 +（3）：其他部分 +（3）：标签控件 +（4）：按钮控件 + +用Qt写项目写多了，为了满足不同客户的需求，需要定制不同样式的界面，QUI皮肤生成器应运而生。思考这个工具的架构花了一年时间，如何从复杂的配色方案中提取出共性，然后将共性转为具体的QSS文件。思考架构花了一年时间，编写大概花了一天时间完成。 +demo演示版：http://pan.baidu.com/s/1jIkbVKU + +QUI皮肤生成器介绍： +1：极简设计，傻瓜式操作步骤:，只需简单几步即可设计出漂亮的皮肤。 +2：所见即所得，想要什么好的皮肤，分分钟搞定。 +3：自动生成样式中所需要的对应颜色的图片资源文件，比如单选框、复选框指示器图片。 +4：集成自定义无边框标题栏样式、左边导航切换样式、顶部导航切换样式、设备面板样式。 + + + + +银色风格 +字体颜色：#000000 +面板背景：#F5F5F5 +边框颜色：#B2B6B9 +普通渐变：#E1E4E6 #CCD3D9 +加深渐变：#F2F3F4 #E7E9EB +高亮颜色：#00BB9E + +蓝色风格 +字体颜色：#324C6C +面板背景：#CFDDEE +边框颜色：#7F9AB8 +普通渐变：#C0D3EB #BCCFE7 +加深渐变：#D2E3F5 #CADDF3 +高亮颜色：#00BB9E + +淡蓝色风格 +字体颜色：#386487 +面板背景：#EAF7FF +边框颜色：#C0DCF2 +普通渐变：#DEF0FE #C0DEF6 +加深渐变：#F2F9FF #DAEFFF +高亮颜色：#00BB9E + +深蓝色风格 +字体颜色：#7AAFE3 +面板背景：#0E1A32 +边框颜色：#132743 +普通渐变：#133050 #133050 +加深渐变：#033967 #033967 +高亮颜色：#00BB9E + +灰色风格 +字体颜色：#000000 +面板背景：#F0F0F0 +边框颜色：#A9A9A9 +普通渐变：#E4E4E4 #A2A2A2 +加深渐变：#DBDBDB #C1C1C1 +高亮颜色：#00BB9E + +浅灰色风格： +字体颜色：#6F6F6F +面板背景：#F0F0F0 +边框颜色：#D4D0C8 +普通渐变：#EEEEEE #E5E5E5 +加深渐变：#FCFCFC #F7F7F7 +高亮颜色：#00BB9E + +深灰色风格 +字体颜色：#5D5C6C +面板背景：#EBECF0 +边框颜色：#A9ACB5 +普通渐变：#D8D9DE #C8C8D0 +加深渐变：#EFF0F4 #DDE0E7 +高亮颜色：#00BB9E + +黑色风格 +字体颜色：#F0F0F0 +面板背景：#464646 +边框颜色：#353535 +普通渐变：#4D4D4D #292929 +加深渐变：#636363 #575757 +高亮颜色：#00BB9E + +浅黑色风格 +字体颜色：#E7ECF0 +面板背景：#616F76 +边框颜色：#738393 +普通渐变：#667481 #566373 +加深渐变：#778899 #708090 +高亮颜色：#00BB9E + +深黑色风格 +字体颜色：#D7E2E9 +面板背景：#1F2026 +边框颜色：#111214 +普通渐变：#242629 #141518 +加深渐变：#007DC4 #0074BF +高亮颜色：#00BB9E + +PS黑色风格 +字体颜色：#DCDCDC +面板背景：#444444 +边框颜色：#242424 +普通渐变：#484848 #383838 +加深渐变：#646464 #525252 +高亮颜色：#00BB9E + +黑色扁平 +字体颜色：#BEC0C2 +面板背景：#2E2F30 +边框颜色：#67696B +普通渐变：#404244 #404244 +加深渐变：#262829 #262829 +高亮颜色：#00BB9E + +白色扁平 +字体颜色：#57595B +面板背景：#FFFFFF +边框颜色：#B6B6B6 +普通渐变：#E4E4E4 #E4E4E4 +加深渐变：#F6F6F6 #F6F6F6 +高亮颜色：#00BB9E \ No newline at end of file diff --git a/styledemo/snap_flatwhite.png b/styledemo/snap_flatwhite.png new file mode 100644 index 0000000..ff9f670 Binary files /dev/null and b/styledemo/snap_flatwhite.png differ diff --git a/styledemo/snap_lightblue.png b/styledemo/snap_lightblue.png new file mode 100644 index 0000000..c9f6f53 Binary files /dev/null and b/styledemo/snap_lightblue.png differ diff --git a/styledemo/snap_psblack.png b/styledemo/snap_psblack.png new file mode 100644 index 0000000..90cd9e5 Binary files /dev/null and b/styledemo/snap_psblack.png differ diff --git a/styledemo/styledemo.pro b/styledemo/styledemo.pro new file mode 100644 index 0000000..0ea1376 --- /dev/null +++ b/styledemo/styledemo.pro @@ -0,0 +1,34 @@ +#------------------------------------------------- +# +# Project created by QtCreator 2017-02-19T12:55:42 +# +#------------------------------------------------- + +QT += core gui network + +greaterThan(QT_MAJOR_VERSION, 4): QT += widgets + +TARGET = styledemo +TEMPLATE = app +MOC_DIR = temp/moc +RCC_DIR = temp/rcc +UI_DIR = temp/ui +OBJECTS_DIR = temp/obj +DESTDIR = $$PWD/../bin + +INCLUDEPATH += $$PWD +CONFIG += warn_off + +SOURCES += main.cpp \ + frmmain.cpp +SOURCES += + +HEADERS += head.h \ + frmmain.h +HEADERS += + +FORMS += \ + frmmain.ui + +RESOURCES += other/qss.qrc +RESOURCES += other/main.qrc