source: orange/Orange/OrangeCanvas/styles/orange.qss @ 11347:388b5cb341e6

Revision 11347:388b5cb341e6, 7.5 KB checked in by markotoplak, 14 months ago (diff)

The toolbar now highlightes the selected button.x

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