Qt Creato黑色主题(类似于VS的黑色主题)

之前在网上无意看到了有人发的Qt的界面的截图,发现竟然和VS一样有全黑的主题风格。最初在网上找到的是只能修改代码编辑器的方案。在软件界面中,依次进入:工具->选项->文本编辑器,在配色方案中可以选择更改文本编辑器风格,例如Fake Vim风格就是深色的配色方案。以下网站中的*.xml文件,都是我在网上找到的几个网友做的配色方案,大家喜欢的可以下载。网址:http://download.csdn.net/detail/songyu0120/7915913 Qt Creato黑色主题(类似于VS的黑色主题)_第1张图片

但是,通过这种方法只能修改文本编辑器的配色,左侧的资源栏和菜单栏等处不能修改。于是我花了三四个小时,终于在外网找到了解决方案,这种方案是通过使用CSS文件来配置Qt Creator的样式的。使用方法为:将以下代码保存为**.css(我的是stylesheet.css):

QMainWindow, 
QAbstractItemView,  
QTreeView::branch, 
QTabBar::tab{
        color: #EAEAEA;
        background: #333333; 
        font-size: 9pt;
}

QAbstractItemView::item:selected {
        color: #EAEAEA;
        background-color: #151515;
}

QScrollBar {
     border: none;
     background: #333333;
     height: 6px;
     width: 6px;
     margin: 0px;
}

QScrollBar::handle{
     background: #494949;
     min-width: 10px;
     min-height: 10px;
}

QScrollBar::add-line,  QScrollBar::sub-line {
     background: none;
     border: none;
}

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

QTreeView::branch:closed:adjoins-item:has-children {
     background:  solid #777777;
     margin: 6px;
     height: 6px;
     width: 6px;
     border-radius: 3px;
}

QTabBar::tab:selected {
     font: bold;
     border-color: #9B9B9B;
     border-bottom-color: #C2C7CB;
 }

QTabBar::tab:!selected {
     margin-top: 2px;
 }

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;
}

QToolBar {
     border-style: solid;
     border-style: outset;
     color: #EAEAEA;
     background: #333333;
     font-size: 9pt;
}

QPlainTextEdit {
  background-color: #272822; /* This is the editor background */
}
将这个文件保存在任意路径,我的是保存在了D:\Qt\Qt5.3.1\Tools\QtCreator\bin路径下,然后在桌面的Qt Creator的快捷方式上右键单击选择属性,在目标框中,最后增加一段文字(引号中的文字):“ -stylesheet D:\Qt\Qt5.3.1\Tools\QtCreator\bin\stylesheet.css”,最终形式如下:D:\Qt\Qt5.3.1\Tools\QtCreator\bin\qtcreator.exe  -stylesheet D:\Qt\Qt5.3.1\Tools\QtCreator\bin\stylesheet.css

前面是Qt Creator的路径,最后是存放.CSS文件的路径。

Qt Creato黑色主题(类似于VS的黑色主题)_第2张图片
最终效果如下:

Qt Creato黑色主题(类似于VS的黑色主题)_第3张图片

你可能感兴趣的:(qt,黑色背景,黑色主题)