Mercurial > minori
comparison rc/win32/dark/dark.qss @ 241:06d6c351925c
*: reorganize resources, +docs, build translations with autotools
author | Paper <paper@paper.us.eu.org> |
---|---|
date | Mon, 22 Jan 2024 16:36:19 -0500 |
parents | rc/dark.qss@03b444cbe55f |
children |
comparison
equal
deleted
inserted
replaced
240:6ffe42286978 | 241:06d6c351925c |
---|---|
1 /* | |
2 Much of this is taken from the Breeze Style Sheets, | |
3 which is under the MIT license: | |
4 | |
5 Copyright © `<2013-2014>` `<Colin Duquesnoy>` | |
6 Copyright © `<2015-2016>` `<Alex Huszagh>` | |
7 | |
8 Permission is hereby granted, free of charge, to any person | |
9 obtaining a copy of this software and associated documentation | |
10 files (the “Software”), to deal in the Software without | |
11 restriction, including without limitation the rights to use, | |
12 copy, modify, merge, publish, distribute, sublicense, and/or sell | |
13 copies of the Software, and to permit persons to whom the | |
14 Software is furnished to do so, subject to the following | |
15 conditions: | |
16 | |
17 The above copyright notice and this permission notice shall be | |
18 included in all copies or substantial portions of the Software. | |
19 | |
20 THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, | |
21 EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES | |
22 OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND | |
23 NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT | |
24 HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, | |
25 WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING | |
26 FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR | |
27 OTHER DEALINGS IN THE SOFTWARE. | |
28 */ | |
29 | |
30 /* Colors should be the same as the QPalette in gui/theme.cc, i.e.: | |
31 window == darkgray == #353535; | |
32 ??? == gray == #808080; | |
33 base == black == #191919; | |
34 highlighted == blue = #2A82DA; | |
35 We could include a preprocessor like sass to make these constants, | |
36 but that's really lame :( | |
37 */ | |
38 | |
39 AnimeListPage::pane { | |
40 margin: 0.04em; | |
41 border: 0.04em solid #808080; | |
42 top: -0.04em; | |
43 left: -0.04em; | |
44 } | |
45 | |
46 QTabWidget::pane:top { | |
47 border: 0.04em solid #808080; | |
48 top: -0.04em; | |
49 } | |
50 | |
51 QTabWidget::pane:bottom { | |
52 border: 0.04em solid #808080; | |
53 bottom: -0.04em; | |
54 } | |
55 | |
56 QTabWidget::pane:left { | |
57 border: 0.04em solid #808080; | |
58 left: -0.04em; | |
59 } | |
60 | |
61 QTabWidget::pane:right { | |
62 border: 0.04em solid #808080; | |
63 right: -0.04em; | |
64 } | |
65 | |
66 QTabBar { | |
67 qproperty-drawBase: 0; | |
68 left: 0.23em; | |
69 border-radius: 0.13em; | |
70 selection-color: transparent; | |
71 } | |
72 | |
73 QTabBar:focus { | |
74 border: 0em transparent black; | |
75 } | |
76 | |
77 QTabBar::tab:top, | |
78 QTabBar::tab:top:last, | |
79 QTabBar::tab:top:only-one { | |
80 color: white; | |
81 border: 0.04em transparent black; | |
82 border-left: 0.04em solid #808080; | |
83 border-right: 0.04em solid #808080; | |
84 border-top: 0.04em solid #808080; | |
85 background-color: #353535; | |
86 min-width: 50px; | |
87 padding-top: 0.23em; | |
88 padding-bottom: 0.23em; | |
89 padding-left: 0.78em; | |
90 padding-right: 0.78em; | |
91 border-radius: 0.09em; | |
92 border-bottom-left-radius: 0em; | |
93 border-bottom-right-radius: 0em; | |
94 } | |
95 | |
96 QTabBar::tab:top:!selected { | |
97 color: white; | |
98 background-color: #353535; | |
99 border: 0.04em solid #808080; | |
100 border-radius: 0.09em; | |
101 border-bottom-left-radius: 0em; | |
102 border-bottom-right-radius: 0em; | |
103 margin-top: 0.13em; | |
104 } | |
105 | |
106 QTabBar::tab:top:next-selected { | |
107 border-right: 0.04em transparent #353535; | |
108 border-bottom-left-radius: 0em; | |
109 border-bottom-right-radius: 0em; | |
110 } | |
111 | |
112 QTabBar::tab:top:previous-selected { | |
113 border-left: 0.04em transparent #353535; | |
114 border-bottom-left-radius: 0em; | |
115 border-bottom-right-radius: 0em; | |
116 } | |
117 | |
118 QTabBar::tab:top:!selected:hover { | |
119 background-color: rgba(42, 130, 218, 0.1); | |
120 border-radius: 0.09em; | |
121 border-bottom-left-radius: 0em; | |
122 border-bottom-right-radius: 0em; | |
123 } | |
124 | |
125 QTabBar::tab:top:!selected:first:hover { | |
126 background-color: rgba(42, 130, 218, 0.1); | |
127 } | |
128 | |
129 QGroupBox::title { | |
130 color: white; | |
131 } | |
132 | |
133 QComboBox, | |
134 QPushButton, | |
135 QDateEdit, | |
136 QSpinBox { | |
137 background-color: #353535; | |
138 color: white; | |
139 } | |
140 | |
141 QComboBox, | |
142 QDateEdit, | |
143 QSpinBox { | |
144 border: 0.04em solid #808080; | |
145 } | |
146 | |
147 QComboBox:disabled, | |
148 QPushButton:disabled, | |
149 QDateEdit:disabled, | |
150 QSpinBox:disabled { | |
151 color: #808080; | |
152 } | |
153 | |
154 QPushButton:hover { | |
155 background-color: #39424B; | |
156 } | |
157 | |
158 /* | |
159 * QLineEdit | |
160 */ | |
161 | |
162 QLineEdit { | |
163 background: transparent; | |
164 color: white; | |
165 } | |
166 | |
167 QLineEdit:!read-only { | |
168 background-color: #191919; | |
169 padding: 0.23em; | |
170 border-style: solid; | |
171 border: 0.04em solid #808080; | |
172 border-radius: 0.09em; | |
173 } | |
174 | |
175 /* QMenuBar */ | |
176 | |
177 QMenuBar { | |
178 background-color: #353535; | |
179 color: white; | |
180 } | |
181 | |
182 QMenuBar::item:selected { | |
183 background-color: #414141; | |
184 } | |
185 | |
186 QMenuBar::item:disabled { | |
187 color: #808080; | |
188 } | |
189 | |
190 QMenuBar::item:pressed { | |
191 background-color: #414141; | |
192 margin-bottom: -0.09em; | |
193 padding-bottom: 0.09em; | |
194 } | |
195 | |
196 /* QMenu */ | |
197 | |
198 QMenu { | |
199 color: white; | |
200 background-color: #353535; | |
201 padding: 0.18em 0.18em; | |
202 border: 0.09em solid #A0A0A0; | |
203 } | |
204 | |
205 QMenu::icon { | |
206 margin: 0.23em; | |
207 } | |
208 | |
209 QMenu::item { | |
210 /* Add extra padding on the right for the QMenu arrow */ | |
211 padding: 0.23em 1.5em 0.23em 1.3em; | |
212 border: 0.09em solid transparent; | |
213 background: transparent; | |
214 } | |
215 | |
216 QMenu::item:selected { | |
217 color: white; | |
218 background-color: #414141; | |
219 } | |
220 | |
221 QMenu::item:selected:disabled { | |
222 background-color: #353535; | |
223 } | |
224 | |
225 QMenu::item:disabled { | |
226 color: #808080; | |
227 } | |
228 | |
229 QMenu::indicator { | |
230 width: 0.8em; | |
231 height: 0.8em; | |
232 /* To align with QMenu::icon, which has a 0.23em margin. */ | |
233 margin-left: 0.3em; | |
234 subcontrol-position: center left; | |
235 } | |
236 | |
237 /* | |
238 * QHeaderView: | |
239 * Need this for the anime list, on Windows it gets screwed up. | |
240 */ | |
241 | |
242 QHeaderView { | |
243 background-color: #353535; | |
244 border: 0.04em transparent; | |
245 border-radius: 0em; | |
246 margin: 0em; | |
247 padding: 0em; | |
248 } | |
249 | |
250 QHeaderView::section { | |
251 background-color: #353535; | |
252 border: 0.04em solid #808080; | |
253 color: #eff0f1; | |
254 border-radius: 0em; | |
255 padding: 0em 0.23em 0em 0.23em; | |
256 text-align: center; | |
257 } | |
258 | |
259 QHeaderView::section::vertical::first, | |
260 QHeaderView::section::vertical::only-one { | |
261 border-top: 0.04em solid #808080; | |
262 } | |
263 | |
264 QHeaderView::section::vertical { | |
265 border-top: transparent; | |
266 } | |
267 | |
268 QHeaderView::section::horizontal::first, | |
269 QHeaderView::section::horizontal::only-one { | |
270 border-left: 0.04em solid #808080; | |
271 } | |
272 | |
273 QHeaderView::section::horizontal { | |
274 border-left: transparent; | |
275 } | |
276 | |
277 QHeaderView[showSortIndicator="true"]::section::horizontal { | |
278 /* Same as the width of the arrow subcontrols below. */ | |
279 padding-right: 0.8em; | |
280 } | |
281 | |
282 QHeaderView::section:checked { | |
283 color: white; | |
284 background-color: #808080; | |
285 } | |
286 | |
287 /* Note that this doesn't work for QTreeView unless the header is clickable */ | |
288 QHeaderView::section:hover, | |
289 QHeaderView::section::horizontal::first:hover, | |
290 QHeaderView::section::horizontal::only-one:hover, | |
291 QHeaderView::section::vertical::first:hover, | |
292 QHeaderView::section::vertical::only-one:hover { | |
293 background-color: #353535; | |
294 } |