source: orange/Orange/OrangeCanvas/styles/orange.qss @ 11500:467840f078f7

Revision 11500:467840f078f7, 8.4 KB checked in by Ales Erjavec <ales.erjavec@…>, 11 months ago (diff)

Small style fixes.

Line 
1/*  Default Orange stylesheet
2 */
3
4/*
5 * Icon search paths relative to this files directory.
6 * (main.py script will add this to QDir.searchPaths)
7 */
8
9@canvas_icons: orange;
10
11
12/* Main window background color */
13
14CanvasMainWindow {
15    background-color: #E9EFF2;
16}
17
18QMainWindow::separator {
19    width: 1px; /* when vertical */
20    height: 1px; /* when horizontal */
21}
22
23
24/* The widget buttons in the dock tool box */
25
26WidgetsToolGrid QToolButton {
27    font-family: "Helvetica";
28    font-size: 10px;
29    font-weight: bold;
30    color: #333;
31}
32
33
34/* Dock widget toolbox tab buttons (categories) */
35
36WidgetToolBox QToolButton#toolbox-tab-button {
37    /* nativeStyling property overrides the QStyle and uses a fixed drawing
38    routine */
39    qproperty-nativeStyling_: "false";
40
41    font-family: "Helvetica";
42    font-size: 14px;
43    font-weight: bold;
44    color: #333;
45    border: none;
46    border-bottom: 1px solid #B5B8B8;
47    background: qlineargradient(
48        x1: 0, y1: 0, x2: 0, y2: 1,
49        stop: 0 #F2F2F2,
50        stop: 0.5 #F2F2F2,
51        stop: 0.8 #EBEBEB,
52        stop: 1.0 #DBDBDB
53    );
54}
55
56
57WidgetToolBox QToolButton#toolbox-tab-button:hover {
58    background-color: palette(light);
59}
60
61
62WidgetToolBox QToolButton#toolbox-tab-button:checked {
63    background-color: palette(dark);
64}
65
66
67WidgetToolBox QToolButton#toolbox-tab-button:focus {
68    background-color: palette(highlight);
69    border: 1px solid #609ED7
70}
71
72
73WidgetToolBox ToolGrid {
74    background-color: #F2F2F2;
75    padding-bottom: 8px;
76}
77
78
79WidgetToolBox ToolGrid QToolButton {
80    border: none;
81    /* border-bottom: 2px solid #B5B8B8;
82    border-right: 2px solid #B5B8B8; */
83    background-color: #F2F2F2;
84    border-radius: 8px;
85}
86
87
88WidgetToolBox ToolGrid QToolButton[last-column] {
89    border-right: none;
90}
91
92WidgetToolBox  ToolGrid QToolButton:focus {
93    background-color: palette(window);
94}
95
96WidgetToolBox  ToolGrid QToolButton:hover {
97    background-color: palette(light);
98}
99
100WidgetToolBox  ToolGrid QToolButton:pressed {
101    background-color: palette(dark);
102}
103
104
105/* QuickCategoryToolbar popup menus */
106
107CategoryPopupMenu {
108    background-color: #E9EFF2;
109}
110
111CategoryPopupMenu ToolTree QTreeView::item {
112    height: 25px;
113    border-bottom: 1px solid #e9eff2;
114}
115
116CategoryPopupMenu QTreeView::item:hover {
117    background: qlineargradient(
118        x1: 0, y1: 0, x2: 0, y2: 1,
119        stop: 0 #688EF6,
120        stop: 0.5 #4047f4,
121        stop: 1.0 #2D68F3
122    );
123    color: white;
124}
125
126CategoryPopupMenu QTreeView::item:selected {
127    background-color: blue;
128    color: white;
129}
130
131
132/* Canvas Dock Header */
133
134CollapsibleDockWidget::title {
135    background: qlineargradient(
136        x1: 0, y1: 0, x2: 0, y2: 1,
137        stop: 0 #808080, stop: 1.0 #666
138    );
139}
140
141/* Dock widget title bar button icons (icon size for both must be set).
142 * The buttons define the title bar height.
143 */
144
145CollapsibleDockWidget::close-button, CollapsibleDockWidget::float-button {
146    padding: 1px;
147    icon-size: 11px;
148}
149
150CanvasToolDock WidgetToolBox {
151    border: 1px solid #B5B8B8;
152}
153
154
155/* Toolbar at the bottom of the dock widget when in in expanded state
156 */
157
158CanvasToolDock QToolBar {
159    height: 28;
160    spacing: 1;
161    border: none;
162    /*
163    background: qlineargradient(
164        x1: 0, y1: 0, x2: 0, y2: 1,
165        stop: 0 #808080, stop: 1.0 #666
166    );
167    */
168    background-color: #898989;
169
170}
171
172CanvasToolDock QToolBar QToolButton {
173    border: none;
174    background: qlineargradient(
175        x1: 0, y1: 0, x2: 0, y2: 1,
176        stop: 0 #808080, stop: 1.0 #666
177    );
178}
179
180CanvasToolDock QToolBar QToolButton:menu-indicator {
181     image: url(canvas_icons:/Dropdown.svg);
182     subcontrol-position: top right;
183     height: 8px;
184     width: 8px;
185}
186
187CanvasToolDock QToolBar QToolButton:checked,
188CanvasToolDock QToolBar QToolButton:pressed {
189    background-color: #FFA840;
190}
191
192
193/* Toolbar in the dock when in collapsed state.
194 */
195
196CollapsibleDockWidget QWidget#canvas-quick-dock QToolBar {
197    spacing: 1;
198    border: none;
199    /*
200    background: qlineargradient(
201        x1: 0, y1: 0, x2: 0, y2: 1,
202        stop: 0 #808080, stop: 1.0 #666
203    );
204    */
205    background-color: #898989;
206}
207
208
209CollapsibleDockWidget QWidget#canvas-quick-dock QToolBar QToolButton {
210    border: none;
211    background: qlineargradient(
212        x1: 0, y1: 0, x2: 1, y2: 0,
213        stop: 0 #808080, stop: 1.0 #666
214    );
215}
216
217CollapsibleDockWidget QWidget#canvas-quick-dock QToolBar QToolButton:menu-indicator {
218     image: url(canvas_icons:/Dropdown.svg);
219     subcontrol-position: top right;
220     height: 8px;
221     width: 8px;
222}
223
224CollapsibleDockWidget QWidget#canvas-quick-dock QToolBar QToolButton:checked,
225CollapsibleDockWidget QWidget#canvas-quick-dock QToolBar QToolButton:pressed {
226    background-color: #FFA840;
227}
228
229
230/* Splitter between the widget toolbox and quick help.
231 */
232
233CanvasToolDock QSplitter::handle {
234    border: 1px solid #B5B8B8;
235
236/*    border-top: 1px solid #B5B8B8;
237 *   border-bottom: 1px solid #B5B8B8;
238 *   border-left: 1px solid #B6B6B6;
239 *   border-right: 1px solid #B6B6B6;
240 */
241
242    background:  qlineargradient(
243        x1: 0, y1: 0, x2: 0, y2: 1,
244        stop: 0 #D4D4D4, stop: 0.05 #EDEDED,
245        stop: 0.5 #F2F2F2,
246        stop: 0.95 #EDEDED, stop: 1.0 #E0E0E0
247    );
248}
249
250
251/* Scheme Info Dialog
252 */
253
254SchemeInfoDialog {
255    font-family: "Helvetica";
256    background-color: #E9EFF2;
257}
258
259SchemeInfoDialog SchemeInfoEdit QLabel {
260    font-family: "Helvetica";
261    font-weight: bold;
262    font-size: 16px;
263    color: black;
264}
265
266SchemeInfoDialog QLabel#heading {
267    font-size: 21px;
268    color: #515151;
269}
270
271SchemeInfoDialog StyledWidget#auto-show-container * {
272    font-family: "Helvetica";
273    font-size: 12px;
274    color: #1A1A1A;
275}
276
277SchemeInfoDialog StyledWidget#auto-show-container {
278    border-top: 1px solid #C1C2C3;
279}
280
281SchemeInfoDialog SchemeInfoEdit QLineEdit {
282    padding: 4px;
283    /* background-color: red; */
284    /* font-weight: normal; */
285    font-size: 12px;
286    color: #1A1A1A;
287}
288
289SchemeInfoDialog SchemeInfoEdit QTextEdit {
290    padding: 4px;
291    background-color: white;
292    /* font-weight: normal; */
293    font-size: 12px;
294    color: #1A1A1A;
295}
296
297
298/* Preview Dialog (Recent Schemes and Tutorials)
299 */
300
301PreviewDialog {
302    background-color: #E9EFF2;
303}
304
305PreviewDialog QLabel#heading {
306    font-family: "Helvetica";
307    font-weight: bold;
308    font-size: 21px;
309    color: #515151;
310}
311
312PreviewDialog PreviewBrowser * {
313    font-family: "Helvetica";
314    color: #1A1A1A;
315}
316
317PreviewDialog PreviewBrowser TextLabel#path-text {
318    font-size: 12px;
319}
320
321PreviewDialog PreviewBrowser QLabel#path-label {
322    font-size: 12px;
323}
324
325PreviewDialog DropShadowFrame {
326    qproperty-radius_: 10;
327    qproperty-color_: rgb(0, 0, 0, 100);
328}
329
330/* Welcome Screen Dialog
331 */
332
333WelcomeDialog {
334    background-color: #E9EFF2;
335}
336
337WelcomeDialog QToolButton {
338    font-family: "Helvetica";
339    font-size: 13px;
340    font-style: normal;
341    font-weight: bold;
342    color: #333;
343}
344
345WelcomeDialog QWidget#bottom-bar {
346    border-top: 1px solid #C1C2C3;
347}
348
349WelcomeDialog QWidget#bottom-bar QCheckBox {   
350    font-family: "Helvetica";
351    font-size: 12px;
352    color: #333;
353}
354
355/* SchemeEditWidget
356 */
357
358SchemeEditWidget {
359    font-family: "Helvetica";
360    font-size: 12px;
361}
362
363/* Quick Menu
364 */
365
366QuickMenu {
367    background-color: #E9EFF2;
368}
369
370QuickMenu QFrame#menu-frame {
371    border: 1px solid #9CACB4;
372    border-radius: 3px;
373    background-color: #E9EFF2;
374}
375
376QuickMenu ToolTree QTreeView::item {
377    border-bottom: 1px solid #e9eff2;
378}
379
380QuickMenu QTreeView::item:hover {
381    background: qlineargradient(
382        x1: 0, y1: 0, x2: 0, y2: 1,
383        stop: 0 #688EF6,
384        stop: 0.5 #4047f4,
385        stop: 1.0 #2D68F3
386    );
387    color: white;
388}
389
390QuickMenu QTreeView::item:selected {
391    background-color: blue;
392    color: white;
393}
394
395QuickMenu TabBarWidget QToolButton {
396    height: 25px;
397    border-bottom: 1px solid palette(dark);
398    padding-right: 5px;
399    padding-left: 5px;
400    qproperty-showMenuIndicator_: true;
401}
402
403QuickMenu TabBarWidget QToolButton#search-tab-button {
404    background-color: #9CACB4;
405}
406
407QuickMenu TabBarWidget QToolButton:menu-indicator {
408    image: url(canvas_icons:/arrow-right.svg);
409    subcontrol-position: center right;
410    height: 8px;
411    width: 8px;
412}
413
414/* Quick Menu search line edit
415 */
416
417QuickMenu QLineEdit {
418    height: 25px;
419    margin: 0px;
420    padding: 0px;
421    border: 1px solid #9CACB4;
422    border-radius: 3px;
423    background-color: white;
424}
425
426QuickMenu QLineEdit:focus {
427    border: 2px solid #9CACB4;
428    border-radius: 2px;
429}
430
431QuickMenu QLineEdit QToolButton {
432    qproperty-flat_: false;
433    height: 25px;
434    border: 1px solid #9CACB4;
435    border-top-left-radius: 3px;
436    border-bottom-left-radius: 3px;
437    background-color: #9CACB4;
438    padding: 0px;
439    margin: 0px;
440    icon-size: 23px;
441}
Note: See TracBrowser for help on using the repository browser.