workspaces-to-dock.css
ASCII text, with CRLF line terminators
1
#workspacestodockTriggerSpacer {
2
background-color: none;
3
}
4
5
#workspacestodockContainerWrapper {
6
background-color: none;
7
}
8
9
#workspacestodockContainer {
10
background-color: none;
11
}
12
13
#workspacestodockDockWrapper {
14
}
15
16
#workspacestodockDock {
17
padding: 0;
18
}
19
20
#workspacestodockDock .workspace-thumbnails {
21
background-color: #37474F;
22
background-color: rgba(0, 0, 0, 0.6);
23
}
24
25
#workspacestodockDock:overview .workspace-thumbnails {
26
background-color: rgba(255, 255, 255, 0.1);
27
}
28
29
#workspacestodockDock.fullheight:overview .workspace-thumbnails {
30
background-color: transparent;
31
}
32
33
#workspacestodockDock .workspace-thumbnail-indicator {
34
border-left-width: 0;
35
}
36
37
#workspacestodockDock.right .workspace-thumbnail-indicator {
38
border-left-width: 2px;
39
}
40
41
#workspacestodockDock.left .workspace-thumbnail-indicator {
42
border-right-width: 2px;
43
}
44
45
#workspacestodockDock.top .workspace-thumbnail-indicator {
46
border-bottom-width: 2px;
47
}
48
49
#workspacestodockDock.bottom .workspace-thumbnail-indicator {
50
border-top-width: 2px;
51
}
52
53
#workspacestodockDock.right .workspace-thumbnails {
54
border-radius: 4px 0 0 4px;
55
}
56
57
#workspacestodockDock.left .workspace-thumbnails {
58
border-radius: 0 4px 4px 0;
59
}
60
61
#workspacestodockDock.top .workspace-thumbnails {
62
border-radius: 0 0 4px 4px;
63
}
64
65
#workspacestodockDock.bottom .workspace-thumbnails {
66
border-radius: 4px 4px 0 0;
67
}
68
69
#workspacestodockDock.right.inside .workspace-thumbnails {
70
border-radius: 0;
71
}
72
73
#workspacestodockDock.left.inside .workspace-thumbnails {
74
border-radius: 0;
75
}
76
77
#workspacestodockDock.top.inside .workspace-thumbnails {
78
border-radius: 0;
79
}
80
81
#workspacestodockDock.bottom.inside .workspace-thumbnails {
82
border-radius: 0;
83
}
84
85
#workspacestodockDock.right.fullheight .workspace-thumbnails {
86
border-radius: 0;
87
}
88
89
#workspacestodockDock.left.fullheight .workspace-thumbnails {
90
border-radius: 0;
91
}
92
93
#workspacestodockDock.top.fullheight .workspace-thumbnails {
94
border-radius: 0;
95
}
96
97
#workspacestodockDock.bottom.fullheight .workspace-thumbnails {
98
border-radius: 0;
99
}
100
101
#workspacestodockDock .workspacestodock-shortcuts-panel {
102
border: 0 solid rgba(255, 255, 255, 0.12);
103
}
104
105
#workspacestodockDock.right .workspacestodock-shortcuts-panel {
106
border-radius: 0;
107
padding: 0;
108
spacing: 0;
109
border-left: 1px;
110
border-right: none;
111
}
112
113
#workspacestodockDock.left .workspacestodock-shortcuts-panel {
114
border-radius: 0;
115
padding: 0;
116
spacing: 0;
117
border-left: none;
118
border-right: 1px;
119
}
120
121
#workspacestodockDock.top .workspacestodock-shortcuts-panel {
122
border-radius: 0;
123
padding: 0;
124
spacing: 0;
125
border-top: none;
126
border-bottom: 1px;
127
}
128
129
#workspacestodockDock.bottom .workspacestodock-shortcuts-panel {
130
border-radius: 0;
131
padding: 0;
132
spacing: 0;
133
border-top: 1px;
134
border-bottom: none;
135
}
136
137
#workspacestodockDock.right.inside .workspacestodock-shortcuts-panel {
138
border-radius: 4px 0 0 4px;
139
padding: 0;
140
spacing: 0;
141
border-left: none;
142
border-right: 1px;
143
}
144
145
#workspacestodockDock.left.inside .workspacestodock-shortcuts-panel {
146
border-radius: 0 4px 4px 0;
147
padding: 0;
148
spacing: 0;
149
border-left: 1px;
150
border-right: none;
151
}
152
153
#workspacestodockDock.top.inside .workspacestodock-shortcuts-panel {
154
border-radius: 0 0 4px 4px;
155
padding: 0;
156
spacing: 0;
157
border-top: 1px;
158
border-bottom: none;
159
}
160
161
#workspacestodockDock.bottom.inside .workspacestodock-shortcuts-panel {
162
border-radius: 4px 4px 0 0;
163
padding: 0;
164
spacing: 0;
165
border-top: none;
166
border-bottom: 1px;
167
}
168
169
#workspacestodockDock.right.fullheight .workspacestodock-shortcuts-panel {
170
border-radius: 0;
171
}
172
173
#workspacestodockDock.left.fullheight .workspacestodock-shortcuts-panel {
174
border-radius: 0;
175
}
176
177
#workspacestodockDock.top.fullheight .workspacestodock-shortcuts-panel {
178
border-radius: 0;
179
}
180
181
#workspacestodockDock.bottom.fullheight .workspacestodock-shortcuts-panel {
182
border-radius: 0;
183
}
184
185
#workspacestodockDock .workspacestodock-shortcuts-panel > * {
186
border: 0 !important;
187
}
188
189
.workspacestodock-shortcuts-panel-popupmenu {
190
padding: 2px;
191
spacing: 0;
192
}
193
194
.workspacestodock-shortcuts-panel-favorites {
195
}
196
197
.workspacestodock-shortcuts-panel-running {
198
}
199
200
.workspacestodock-shortcuts-panel-places {
201
}
202
203
/* shortcuts panel buttons */
204
#workspacestodockDock .app-well-app {
205
}
206
207
#workspacestodockDock .workspacestodock-shortcuts-panel > StButton {
208
background-size: cover;
209
}
210
211
#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton,
212
#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton {
213
padding: 3px 6px;
214
}
215
216
#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:first-child,
217
#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:first-child {
218
padding: 6px 6px 3px 6px;
219
}
220
221
#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:last-child,
222
#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:last-child {
223
padding: 3px 6px 6px 6px;
224
}
225
226
#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton,
227
#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton {
228
padding: 6px 3px;
229
}
230
231
#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:first-child,
232
#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:first-child {
233
padding: 6px 3px 6px 6px;
234
}
235
236
#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:last-child,
237
#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:last-child {
238
padding: 6px 6px 6px 3px;
239
}
240
241
.workspacestodock-shortcut-button {
242
}
243
244
.workspacestodock-shortcut-button-symbolic {
245
}
246
247
/* shortcuts panel button icons */
248
#workspacestodockDock .app-well-app > .overview-icon {
249
}
250
251
.workspacestodock-shortcut-button-icon {
252
padding: 6px;
253
}
254
255
.workspacestodock-shortcut-button-symbolic-icon {
256
padding: 8px;
257
}
258
259
/* shortcuts panel items */
260
#workspacestodockDock .popup-separator-menu-item {
261
margin: 0;
262
}
263
264
.workspacestodock-shortcut-panel-separator {
265
-margin-horizontal: 0;
266
}
267
268
.workspacestodock-shortcut-panel-filler {
269
-margin-horizontal: 0;
270
height: 0;
271
padding: 0;
272
border: none;
273
}
274
275
/* shortcuts panel button window count indicators */
276
#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-1 {
277
background-image: url("../../assets/dash/right-running1.svg");
278
}
279
280
#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-1 {
281
background-image: url("../../assets/dash/left-running1.svg");
282
}
283
284
#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-1 {
285
background-image: url("../../assets/dash/top-running1.svg");
286
}
287
288
#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-1 {
289
background-image: url("../../assets/dash/bottom-running1.svg");
290
}
291
292
#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-2 {
293
background-image: url("../../assets/dash/right-running2.svg");
294
}
295
296
#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-2 {
297
background-image: url("../../assets/dash/left-running2.svg");
298
}
299
300
#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-2 {
301
background-image: url("../../assets/dash/top-running2.svg");
302
}
303
304
#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-2 {
305
background-image: url("../../assets/dash/bottom-running2.svg");
306
}
307
308
#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-3 {
309
background-image: url("../../assets/dash/right-running3.svg");
310
}
311
312
#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-3 {
313
background-image: url("../../assets/dash/left-running3.svg");
314
}
315
316
#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-3 {
317
background-image: url("../../assets/dash/top-running3.svg");
318
}
319
320
#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-3 {
321
background-image: url("../../assets/dash/bottom-running3.svg");
322
}
323
324
#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-4 {
325
background-image: url("../../assets/dash/right-running4.svg");
326
}
327
328
#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-4 {
329
background-image: url("../../assets/dash/left-running4.svg");
330
}
331
332
#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-4 {
333
background-image: url("../../assets/dash/top-running4.svg");
334
}
335
336
#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-4 {
337
background-image: url("../../assets/dash/bottom-running4.svg");
338
}
339
340
.workspacestodock-workspace-caption-container {
341
padding: 0;
342
}
343
344
.workspacestodock-workspace-caption-background {
345
background-color: rgba(0, 0, 0, 0.6);
346
/* border-radius: 0 0 4px 4px; */
347
}
348
349
.workspacestodock-workspace-caption-background.caption-top {
350
/* border-radius: 4px 4px 0 0; */
351
}
352
353
.workspacestodock-workspace-caption {
354
}
355
356
/* caption window apps (taskbar) */
357
.workspacestodock-caption-windowapps {
358
padding: 0;
359
}
360
361
.workspacestodock-caption-windowapps-menu {
362
-boxpointer-gap: 12px;
363
}
364
365
.workspacestodock-caption-windowapps-menu .popup-menu-item {
366
min-height: 24px;
367
padding-top: 4px;
368
padding-bottom: 4px;
369
}
370
371
.workspacestodock-caption-windowapps-menu .popup-menu-item:active {
372
background-color: rgba(0, 0, 0, 0.12);
373
}
374
375
.workspacestodock-caption-windowapps-menu .popup-menu-item.selected:active {
376
background-color: rgba(0, 0, 0, 0.24);
377
}
378
379
.workspacestodock-caption-windowapps-menu-item {
380
/*fallback class for GS34 since it can't override gnome shell class 'popup-menu-item' */
381
}
382
383
.workspacestodock-caption-windowapps-menu-item:active {
384
/*fallback class for GS34 since it can't override gnome shell class 'popup-menu-item' */
385
}
386
387
.workspacestodock-caption-windowapps-menu-icon {
388
}
389
390
.workspacestodock-caption-windowapps-menu-label {
391
padding: 0 8px;
392
}
393
394
.workspacestodock-caption-windowapps-menu .window-close {
395
/* GS36+ can override gnome shell class 'window-close' */
396
border-radius: 100px;
397
-st-background-image-shadow: none;
398
background-image: url("../../assets/close.svg");
399
background-size: 24px;
400
height: 24px;
401
width: 24px;
402
}
403
404
.workspacestodock-caption-windowapps-menu .window-close:hover {
405
background-color: rgba(0, 0, 0, 0.12);
406
}
407
408
.workspacestodock-caption-windowapps-menu .window-close:active {
409
background-color: rgba(0, 0, 0, 0.24);
410
}
411
412
.workspacestodock-caption-windowapps-menu-close {
413
/*fallback class for GS34 since it can't override gnome shell class 'window-close' */
414
}
415
416
.workspacestodock-caption-windowapps-menu-close:hover {
417
/*fallback class for GS34 since it can't override gnome shell class 'window-close' */
418
}
419
420
.workspacestodock-caption-windowapps-button {
421
padding: 0;
422
}
423
424
.workspacestodock-caption-windowapps-button-icon {
425
padding: 2px;
426
background-color: rgba(0, 0, 0, 0.01); /* needs to draw box-shadow */
427
}
428
429
.workspacestodock-caption-windowapps-button:active > .workspacestodock-caption-windowapps-button-icon {
430
box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3);
431
}
432
433
.workspacestodock-caption-windowapps-button-active > .workspacestodock-caption-windowapps-button-icon {
434
box-shadow: inset 0 -2px #FFFFFF;
435
}
436
437
/* caption workspace number */
438
.workspacestodock-caption-number {
439
margin: 1px;
440
padding: 0 10px;
441
border-radius: 0;
442
background-color: rgba(255, 255, 255, 0.3);
443
color: #FFFFFF;
444
font-size: 9pt;
445
font-weight: bold;
446
text-align: center;
447
}
448
449
/* caption workspace name */
450
.workspacestodock-caption-name {
451
margin: 0 4px;
452
color: rgba(255, 255, 255, 0.6);
453
font-size: 9pt;
454
text-align: center;
455
}
456
457
/* caption workspace windowcount */
458
.workspacestodock-caption-windowcount {
459
/* min-width: 16px; */
460
margin: 0px 4px;
461
padding: 0px 4px;
462
color: #FFFFFF;
463
font-size: 9pt;
464
font-weight: bold;
465
text-align: center;
466
}
467
468
/* caption workspace windowcount image*/
469
.workspacestodock-caption-windowcount-image {
470
width: 20px;
471
height: 20px;
472
margin: 1px;
473
border-radius: 0;
474
background-color: #FF4081;
475
color: #FFFFFF;
476
font-size: 9pt;
477
font-weight: bold;
478
text-align: center;
479
}
480
481
/* The classes below are used in conjunction with the above workspacestodock-caption-windowcount-image
482
* They provide background images that corespond with the window count */
483
.workspacestodock-caption-windowcount-image-1 {
484
}
485
486
.workspacestodock-caption-windowcount-image-2 {
487
}
488
489
.workspacestodock-caption-windowcount-image-3 {
490
}
491
492
.workspacestodock-caption-windowcount-image-4 {
493
}
494
495
/* caption spacer-filler */
496
.workspacestodock-caption-spacer {
497
width: 4px;
498
}
499
500
/* The classes below are used in conjuction with the above classes
501
* They provide additional theming for the current workspace caption */
502
.workspacestodock-workspace-caption-background-current {
503
}
504
505
.workspacestodock-workspace-caption-background-current.caption-top {
506
}
507
508
.workspacestodock-caption-number-current {
509
/* background-color: #42A5F5; */
510
}
511
512
.workspacestodock-caption-name-current {
513
}
514
515
.workspacestodock-caption-windowcount-current {
516
}
517
518
.workspacestodock-caption-windowcount-image-current {
519
}
520