source: orange/Orange/OrangeCanvas/styles/orange.qss @ 11523:8a3d9995ccd7

Revision 11523:8a3d9995ccd7, 8.2 KB checked in by Ales Erjavec <ales.erjavec@…>, 11 months ago (diff)

Selection follows mouse cursor in MenuPage widget.

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:selected {
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
126
127/* Canvas Dock Header */
128
129CollapsibleDockWidget::title {
130    background: qlineargradient(
131        x1: 0, y1: 0, x2: 0, y2: 1,
132        stop: 0 #808080, stop: 1.0 #666
133    );
134}
135
136/* Dock widget title bar button icons (icon size for both must be set).
137 * The buttons define the title bar height.
138 */
139
140CollapsibleDockWidget::close-button, CollapsibleDockWidget::float-button {
141    padding: 1px;
142    icon-size: 11px;
143}
144
145CanvasToolDock WidgetToolBox {
146    border: 1px solid #B5B8B8;
147}
148
149
150/* Toolbar at the bottom of the dock widget when in in expanded state
151 */
152
153CanvasToolDock QToolBar {
154    height: 28;
155    spacing: 1;
156    border: none;
157    /*
158    background: qlineargradient(
159        x1: 0, y1: 0, x2: 0, y2: 1,
160        stop: 0 #808080, stop: 1.0 #666
161    );
162    */
163    background-color: #898989;
164
165}
166
167CanvasToolDock QToolBar QToolButton {
168    border: none;
169    background: qlineargradient(
170        x1: 0, y1: 0, x2: 0, y2: 1,
171        stop: 0 #808080, stop: 1.0 #666
172    );
173}
174
175CanvasToolDock QToolBar QToolButton:menu-indicator {
176     image: url(canvas_icons:/Dropdown.svg);
177     subcontrol-position: top right;
178     height: 8px;
179     width: 8px;
180}
181
182CanvasToolDock QToolBar QToolButton:checked,
183CanvasToolDock QToolBar QToolButton:pressed {
184    background-color: #FFA840;
185}
186
187
188/* Toolbar in the dock when in collapsed state.
189 */
190
191CollapsibleDockWidget QWidget#canvas-quick-dock QToolBar {
192    spacing: 1;
193    border: none;
194    /*
195    background: qlineargradient(
196        x1: 0, y1: 0, x2: 0, y2: 1,
197        stop: 0 #808080, stop: 1.0 #666
198    );
199    */
200    background-color: #898989;
201}
202
203
204CollapsibleDockWidget QWidget#canvas-quick-dock QToolBar QToolButton {
205    border: none;
206    background: qlineargradient(
207        x1: 0, y1: 0, x2: 1, y2: 0,
208        stop: 0 #808080, stop: 1.0 #666
209    );
210}
211
212CollapsibleDockWidget QWidget#canvas-quick-dock QToolBar QToolButton:menu-indicator {
213     image: url(canvas_icons:/Dropdown.svg);
214     subcontrol-position: top right;
215     height: 8px;
216     width: 8px;
217}
218
219CollapsibleDockWidget QWidget#canvas-quick-dock QToolBar QToolButton:checked,
220CollapsibleDockWidget QWidget#canvas-quick-dock QToolBar QToolButton:pressed {
221    background-color: #FFA840;
222}
223
224
225/* Splitter between the widget toolbox and quick help.
226 */
227
228CanvasToolDock QSplitter::handle {
229    border: 1px solid #B5B8B8;
230
231/*    border-top: 1px solid #B5B8B8;
232 *   border-bottom: 1px solid #B5B8B8;
233 *   border-left: 1px solid #B6B6B6;
234 *   border-right: 1px solid #B6B6B6;
235 */
236
237    background:  qlineargradient(
238        x1: 0, y1: 0, x2: 0, y2: 1,
239        stop: 0 #D4D4D4, stop: 0.05 #EDEDED,
240        stop: 0.5 #F2F2F2,
241        stop: 0.95 #EDEDED, stop: 1.0 #E0E0E0
242    );
243}
244
245
246/* Scheme Info Dialog
247 */
248
249SchemeInfoDialog {
250    font-family: "Helvetica";
251    background-color: #E9EFF2;
252}
253
254SchemeInfoDialog SchemeInfoEdit QLabel {
255    font-family: "Helvetica";
256    font-weight: bold;
257    font-size: 16px;
258    color: black;
259}
260
261SchemeInfoDialog QLabel#heading {
262    font-size: 21px;
263    color: #515151;
264}
265
266SchemeInfoDialog StyledWidget#auto-show-container * {
267    font-family: "Helvetica";
268    font-size: 12px;
269    color: #1A1A1A;
270}
271
272SchemeInfoDialog StyledWidget#auto-show-container {
273    border-top: 1px solid #C1C2C3;
274}
275
276SchemeInfoDialog SchemeInfoEdit QLineEdit {
277    padding: 4px;
278    /* background-color: red; */
279    /* font-weight: normal; */
280    font-size: 12px;
281    color: #1A1A1A;
282}
283
284SchemeInfoDialog SchemeInfoEdit QTextEdit {
285    padding: 4px;
286    background-color: white;
287    /* font-weight: normal; */
288    font-size: 12px;
289    color: #1A1A1A;
290}
291
292
293/* Preview Dialog (Recent Schemes and Tutorials)
294 */
295
296PreviewDialog {
297    background-color: #E9EFF2;
298}
299
300PreviewDialog QLabel#heading {
301    font-family: "Helvetica";
302    font-weight: bold;
303    font-size: 21px;
304    color: #515151;
305}
306
307PreviewDialog PreviewBrowser * {
308    font-family: "Helvetica";
309    color: #1A1A1A;
310}
311
312PreviewDialog PreviewBrowser TextLabel#path-text {
313    font-size: 12px;
314}
315
316PreviewDialog PreviewBrowser QLabel#path-label {
317    font-size: 12px;
318}
319
320PreviewDialog DropShadowFrame {
321    qproperty-radius_: 10;
322    qproperty-color_: rgb(0, 0, 0, 100);
323}
324
325/* Welcome Screen Dialog
326 */
327
328WelcomeDialog {
329    background-color: #E9EFF2;
330}
331
332WelcomeDialog QToolButton {
333    font-family: "Helvetica";
334    font-size: 13px;
335    font-style: normal;
336    font-weight: bold;
337    color: #333;
338}
339
340WelcomeDialog QWidget#bottom-bar {
341    border-top: 1px solid #C1C2C3;
342}
343
344WelcomeDialog QWidget#bottom-bar QCheckBox {   
345    font-family: "Helvetica";
346    font-size: 12px;
347    color: #333;
348}
349
350/* SchemeEditWidget
351 */
352
353SchemeEditWidget {
354    font-family: "Helvetica";
355    font-size: 12px;
356}
357
358/* Quick Menu
359 */
360
361QuickMenu {
362    background-color: #E9EFF2;
363}
364
365QuickMenu QFrame#menu-frame {
366    border: 1px solid #9CACB4;
367    border-radius: 3px;
368    background-color: #E9EFF2;
369}
370
371QuickMenu QTreeView::item {
372    border-bottom: 1px solid #e9eff2;
373}
374
375QuickMenu QTreeView::item:selected {
376    background: qlineargradient(
377        x1: 0, y1: 0, x2: 0, y2: 1,
378        stop: 0 #688EF6,
379        stop: 0.5 #4047f4,
380        stop: 1.0 #2D68F3
381    );
382    color: white;
383}
384
385QuickMenu TabBarWidget QToolButton {
386    height: 25px;
387    border-bottom: 1px solid palette(dark);
388    padding-right: 5px;
389    padding-left: 5px;
390    qproperty-showMenuIndicator_: true;
391}
392
393QuickMenu TabBarWidget QToolButton#search-tab-button {
394    background-color: #9CACB4;
395}
396
397QuickMenu TabBarWidget QToolButton:menu-indicator {
398    image: url(canvas_icons:/arrow-right.svg);
399    subcontrol-position: center right;
400    height: 8px;
401    width: 8px;
402}
403
404/* Quick Menu search line edit
405 */
406
407QuickMenu QLineEdit {
408    height: 25px;
409    margin: 0px;
410    padding: 0px;
411    border: 1px solid #9CACB4;
412    border-radius: 3px;
413    background-color: white;
414}
415
416QuickMenu QLineEdit:focus {
417    border: 2px solid #9CACB4;
418    border-radius: 2px;
419}
420
421QuickMenu QLineEdit QToolButton {
422    qproperty-flat_: false;
423    height: 25px;
424    border: 1px solid #9CACB4;
425    border-top-left-radius: 3px;
426    border-bottom-left-radius: 3px;
427    background-color: #9CACB4;
428    padding: 0px;
429    margin: 0px;
430    icon-size: 23px;
431}
Note: See TracBrowser for help on using the repository browser.