source: orange/Orange/OrangeCanvas/styles/orange.qss @ 11491:d8183bc8cf38

Revision 11491:d8183bc8cf38, 8.1 KB checked in by Ales Erjavec <ales.erjavec@…>, 12 months ago (diff)

Changed the tab widget in a quick menu.

The tab widget is now displayed vertically beside the menu items
and changes the current tab on hover.

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