ui: Styled code navigation

* Defined final icons and colors for code navigation buttons
* Added disabled color for all buttons in search and code navigation UI
This commit is contained in:
Eberhard Graether
2017-01-17 15:17:17 +01:00
parent db5a4618fe
commit 79ad952d13
18 changed files with 195 additions and 57 deletions
+15 -1
View File
@@ -10,6 +10,7 @@
<press>#CCCCCC</press>
<disabled>#606060</disabled>
<icon>white</icon>
<icon_disabled>#808080</icon_disabled>
</button>
<field>
@@ -72,7 +73,20 @@
<code>
<background>#494949</background>
<line>#CCCCCC</line>
<navigation>
<text>#A0A0A0</text>
<line>#CCCCCC</line>
<button>
<normal>#808080</normal>
<hover>#B1B1B1</hover>
<press>#CCCCCC</press>
<disabled>#606060</disabled>
<icon>white</icon>
<icon_disabled>#808080</icon_disabled>
</button>
</navigation>
<file>
<background>#CCCCCC</background>
+16 -2
View File
@@ -8,8 +8,9 @@
<normal>#E0E0E0</normal>
<hover>#B2B2B2</hover>
<press>#626262</press>
<disabled>#F4F4F4</disabled>
<disabled>#F2F2F2</disabled>
<icon>white</icon>
<icon_disabled>#FDFDFD</icon_disabled>
</button>
<field>
@@ -72,7 +73,20 @@
<code>
<background>white</background>
<line>#B2B2B2</line>
<navigation>
<text>#BCBCBC</text>
<line>#B2B2B2</line>
<button>
<normal>#E0E0E0</normal>
<hover>#B2B2B2</hover>
<press>#626262</press>
<disabled>#F2F2F2</disabled>
<icon>white</icon>
<icon_disabled>#FDFDFD</icon_disabled>
</button>
</navigation>
<file>
<background>#E0E0E0</background>
+15 -1
View File
@@ -10,6 +10,7 @@
<press>#444444</press>
<disabled>#333333</disabled>
<icon>white</icon>
<icon_disabled>#777777</icon_disabled>
</button>
<field>
@@ -72,7 +73,20 @@
<code>
<background>#272728</background>
<line>#CCC</line>
<navigation>
<text>#A0A0A0</text>
<line>#CCC</line>
<button>
<normal>#777777</normal>
<hover>#555555</hover>
<press>#444444</press>
<disabled>#333333</disabled>
<icon>white</icon>
<icon_disabled>#777777</icon_disabled>
</button>
</navigation>
<file>
<background>#777777</background>
+35 -21
View File
@@ -1,4 +1,4 @@
#code_navigation, #code_container, #code_container_single, #code_file_list, #code_file_single {
#code_navigation, #code_container, #code_file_list, #code_file_single {
background-color: <color:code/background>;
}
@@ -6,8 +6,14 @@
border: none;
}
#code_container {
border-top: 1px solid <color:code/line>;
#separator_gap {
background-color: <color:code/background>;
border: none;
}
#separator_line {
background-color: <color:code/navigation/line>;
border: none;
}
#code_navigation * {
@@ -16,52 +22,60 @@
}
#code_navigation QPushButton {
background: <color:search/button/normal>;
background: <color:code/navigation/button/normal>;
border: none;
color: <color:search/button/icon>;
color: <color:code/navigation/button/icon>;
height: 24px;
width: 24px;
}
#code_navigation QPushButton:hover, #code_navigation QPushButton:checked {
background: <color:search/button/hover>;
background: <color:code/navigation/button/hover>;
}
#code_navigation QPushButton:disabled {
background: <color:search/button/disabled>;
background: <color:code/navigation/button/disabled>;
}
#code_navigation QPushButton:pressed {
background: <color:search/button/press>;
background: <color:code/navigation/button/press>;
}
#code_navigation #reference_button_previous, #code_navigation #reference_button_next {
border-radius: 12px;
#code_navigation #reference_button_previous {
border-bottom-left-radius: 11px;
border-top-left-radius: 11px;
}
#code_navigation #reference_button_next {
border-bottom-right-radius: 11px;
border-top-right-radius: 11px;
}
#code_navigation #references_label {
background-color: <color:code/file/ref_count/background>;
border: none;
border-radius: 10px;
color: <color:code/file/ref_count/text>;
color: <color:code/navigation/text>;
font-size: <setting:font_size>px;
padding: 0px 3px;
margin: 4px 6px 4px 6px;
}
#code_navigation #mode_button_list, #code_navigation #mode_button_single {
padding-left: 3px;
padding-right: 3px;
}
#code_navigation #mode_button_list {
border-bottom-left-radius: 12px;
border-top-left-radius: 12px;
padding-left: 2px;
}
#code_navigation #mode_button_single {
border-bottom-right-radius: 12px;
border-top-right-radius: 12px;
padding-right: 2px;
}
#code_navigation #mode_button_list {
border-bottom-left-radius: 11px;
border-top-left-radius: 11px;
}
#code_navigation #mode_button_single {
border-bottom-right-radius: 11px;
border-top-right-radius: 11px;
}
#code_file {
Binary file not shown.

After

Width:  |  Height:  |  Size: 578 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 562 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 425 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 587 B