ui: different background color for code view snippet list to amplify layering

* improved contrasts in dark scheme
This commit is contained in:
Eberhard Graether
2017-12-04 11:55:11 +01:00
parent f9e4afda77
commit 3e59dd5396
5 changed files with 30 additions and 33 deletions
+3 -2
View File
@@ -82,11 +82,12 @@
</search>
<code>
<background>#494949</background>
<background>#595959</background>
<navigation>
<background>#494949</background>
<text>#A0A0A0</text>
<line>#CCCCCC</line>
<line>#999</line>
</navigation>
<file>
+6 -5
View File
@@ -82,20 +82,21 @@
</search>
<code>
<background>white</background>
<background>#F6F6F6</background>
<navigation>
<background>white</background>
<text>#A2A2A2</text>
<line>#A2A2A2</line>
<line>#D2D2D2</line>
</navigation>
<file>
<background>#E0E0E0</background>
<background>#D0D0D0</background>
<title>
<text>black</text>
<normal>#E0E0E0</normal>
<hover>#C2C2C2</hover>
<normal>#D0D0D0</normal>
<hover>#B2B2B2</hover>
<press>#A2A2A2</press>
<icon>black</icon>
<border>white</border>
+10 -9
View File
@@ -2,7 +2,7 @@
<config>
<window>
<separator>#CCC</separator>
<separator>#AAA</separator>
<scrollbar>
<background>transparent</background>
<handle>#80999999</handle>
@@ -15,8 +15,8 @@
<button>
<normal>#555555</normal>
<hover>#4A4A4A</hover>
<press>#404040</press>
<hover>#404040</hover>
<press>#3A3A3A</press>
<disabled>#333333</disabled>
<icon>white</icon>
<icon_disabled>#777777</icon_disabled>
@@ -33,7 +33,7 @@
<text>#F7F7F7</text>
<by_text>#A0A0A0</by_text>
<background>#272728</background>
<highlight>#4A4A4A</highlight>
<highlight>#333333</highlight>
<line>#4A4A4A</line>
</popup>
@@ -82,19 +82,20 @@
</search>
<code>
<background>#272728</background>
<background>#313132</background>
<navigation>
<background>#272728</background>
<text>#A0A0A0</text>
<line>#CCC</line>
<line>#525253</line>
</navigation>
<file>
<background>#555555</background>
<background>#5C5C5C</background>
<title>
<text>#F7F7F7</text>
<normal>#555555</normal>
<normal>#5C5C5C</normal>
<hover>#4A4A4A</hover>
<press>#404040</press>
<icon>white</icon>
@@ -221,7 +222,7 @@
<node>
<default>
<fill>
<normal>#4D4D4D</normal>
<normal>#5A5A5A</normal>
</fill>
<border>
<normal>#C3C3C3</normal>
+10 -2
View File
@@ -1,13 +1,21 @@
#code_navigation, #code_container, #code_file_list, #code_file_single {
#code_container, #code_file_list {
background-color: <color:code/background>;
}
#code_file_single {
background-color: <color:code/snippet/background>;
}
#code_navigation {
background-color: <color:code/navigation/background>;
}
#code_container, #code_file_list {
border: none;
}
#separator_gap {
background-color: <color:code/background>;
background-color: <color:code/navigation/background>;
border: none;
}
+1 -15
View File
@@ -89,27 +89,13 @@ QtCodeNavigator::QtCodeNavigator(QWidget* parent)
navigation->setLayout(navLayout);
layout->addWidget(navigation);
QHBoxLayout* separatorLayout = new QHBoxLayout();
QWidget* widget = new QWidget();
widget->setObjectName("separator_gap");
widget->setFixedWidth(7);
separatorLayout->addWidget(widget);
m_separatorLine = new QFrame();
m_separatorLine->setFrameShape(QFrame::HLine);
m_separatorLine->setFrameShadow(QFrame::Plain);
m_separatorLine->setObjectName("separator_line");
m_separatorLine->setFixedHeight(1);
m_separatorLine->hide();
separatorLayout->addWidget(m_separatorLine);
QWidget* widget2 = new QWidget();
widget2->setObjectName("separator_gap");
widget2->setFixedWidth(7);
separatorLayout->addWidget(widget2);
layout->addLayout(separatorLayout);
layout->addWidget(m_separatorLine);
}
m_list = new QtCodeFileList(this);