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:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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 |
Reference in New Issue
Block a user