workspaces-to-dock.css
ASCII text, with CRLF line terminators
1#workspacestodockTriggerSpacer { 2background-color: none; 3} 4 5#workspacestodockContainerWrapper { 6background-color: none; 7} 8 9#workspacestodockContainer { 10background-color: none; 11} 12 13#workspacestodockDockWrapper { 14} 15 16#workspacestodockDock { 17padding: 0; 18} 19 20#workspacestodockDock .workspace-thumbnails { 21background-color: #37474F; 22background-color: rgba(0, 0, 0, 0.6); 23} 24 25#workspacestodockDock:overview .workspace-thumbnails { 26background-color: rgba(255, 255, 255, 0.1); 27} 28 29#workspacestodockDock.fullheight:overview .workspace-thumbnails { 30background-color: transparent; 31} 32 33#workspacestodockDock .workspace-thumbnail-indicator { 34border-left-width: 0; 35} 36 37#workspacestodockDock.right .workspace-thumbnail-indicator { 38border-left-width: 2px; 39} 40 41#workspacestodockDock.left .workspace-thumbnail-indicator { 42border-right-width: 2px; 43} 44 45#workspacestodockDock.top .workspace-thumbnail-indicator { 46border-bottom-width: 2px; 47} 48 49#workspacestodockDock.bottom .workspace-thumbnail-indicator { 50border-top-width: 2px; 51} 52 53#workspacestodockDock.right .workspace-thumbnails { 54border-radius: 4px 0 0 4px; 55} 56 57#workspacestodockDock.left .workspace-thumbnails { 58border-radius: 0 4px 4px 0; 59} 60 61#workspacestodockDock.top .workspace-thumbnails { 62border-radius: 0 0 4px 4px; 63} 64 65#workspacestodockDock.bottom .workspace-thumbnails { 66border-radius: 4px 4px 0 0; 67} 68 69#workspacestodockDock.right.inside .workspace-thumbnails { 70border-radius: 0; 71} 72 73#workspacestodockDock.left.inside .workspace-thumbnails { 74border-radius: 0; 75} 76 77#workspacestodockDock.top.inside .workspace-thumbnails { 78border-radius: 0; 79} 80 81#workspacestodockDock.bottom.inside .workspace-thumbnails { 82border-radius: 0; 83} 84 85#workspacestodockDock.right.fullheight .workspace-thumbnails { 86border-radius: 0; 87} 88 89#workspacestodockDock.left.fullheight .workspace-thumbnails { 90border-radius: 0; 91} 92 93#workspacestodockDock.top.fullheight .workspace-thumbnails { 94border-radius: 0; 95} 96 97#workspacestodockDock.bottom.fullheight .workspace-thumbnails { 98border-radius: 0; 99} 100 101#workspacestodockDock .workspacestodock-shortcuts-panel { 102border: 0 solid rgba(255, 255, 255, 0.12); 103} 104 105#workspacestodockDock.right .workspacestodock-shortcuts-panel { 106border-radius: 0; 107padding: 0; 108spacing: 0; 109border-left: 1px; 110border-right: none; 111} 112 113#workspacestodockDock.left .workspacestodock-shortcuts-panel { 114border-radius: 0; 115padding: 0; 116spacing: 0; 117border-left: none; 118border-right: 1px; 119} 120 121#workspacestodockDock.top .workspacestodock-shortcuts-panel { 122border-radius: 0; 123padding: 0; 124spacing: 0; 125border-top: none; 126border-bottom: 1px; 127} 128 129#workspacestodockDock.bottom .workspacestodock-shortcuts-panel { 130border-radius: 0; 131padding: 0; 132spacing: 0; 133border-top: 1px; 134border-bottom: none; 135} 136 137#workspacestodockDock.right.inside .workspacestodock-shortcuts-panel { 138border-radius: 4px 0 0 4px; 139padding: 0; 140spacing: 0; 141border-left: none; 142border-right: 1px; 143} 144 145#workspacestodockDock.left.inside .workspacestodock-shortcuts-panel { 146border-radius: 0 4px 4px 0; 147padding: 0; 148spacing: 0; 149border-left: 1px; 150border-right: none; 151} 152 153#workspacestodockDock.top.inside .workspacestodock-shortcuts-panel { 154border-radius: 0 0 4px 4px; 155padding: 0; 156spacing: 0; 157border-top: 1px; 158border-bottom: none; 159} 160 161#workspacestodockDock.bottom.inside .workspacestodock-shortcuts-panel { 162border-radius: 4px 4px 0 0; 163padding: 0; 164spacing: 0; 165border-top: none; 166border-bottom: 1px; 167} 168 169#workspacestodockDock.right.fullheight .workspacestodock-shortcuts-panel { 170border-radius: 0; 171} 172 173#workspacestodockDock.left.fullheight .workspacestodock-shortcuts-panel { 174border-radius: 0; 175} 176 177#workspacestodockDock.top.fullheight .workspacestodock-shortcuts-panel { 178border-radius: 0; 179} 180 181#workspacestodockDock.bottom.fullheight .workspacestodock-shortcuts-panel { 182border-radius: 0; 183} 184 185#workspacestodockDock .workspacestodock-shortcuts-panel > * { 186border: 0 !important; 187} 188 189.workspacestodock-shortcuts-panel-popupmenu { 190padding: 2px; 191spacing: 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 { 208background-size: cover; 209} 210 211#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton, 212#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton { 213padding: 3px 6px; 214} 215 216#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:first-child, 217#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:first-child { 218padding: 6px 6px 3px 6px; 219} 220 221#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:last-child, 222#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:last-child { 223padding: 3px 6px 6px 6px; 224} 225 226#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton, 227#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton { 228padding: 6px 3px; 229} 230 231#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:first-child, 232#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:first-child { 233padding: 6px 3px 6px 6px; 234} 235 236#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:last-child, 237#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:last-child { 238padding: 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 { 252padding: 6px; 253} 254 255.workspacestodock-shortcut-button-symbolic-icon { 256padding: 8px; 257} 258 259/* shortcuts panel items */ 260#workspacestodockDock .popup-separator-menu-item { 261margin: 0; 262} 263 264.workspacestodock-shortcut-panel-separator { 265-margin-horizontal: 0; 266} 267 268.workspacestodock-shortcut-panel-filler { 269-margin-horizontal: 0; 270height: 0; 271padding: 0; 272border: none; 273} 274 275/* shortcuts panel button window count indicators */ 276#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-1 { 277background-image: url("../../assets/dash/right-running1.svg"); 278} 279 280#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-1 { 281background-image: url("../../assets/dash/left-running1.svg"); 282} 283 284#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-1 { 285background-image: url("../../assets/dash/top-running1.svg"); 286} 287 288#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-1 { 289background-image: url("../../assets/dash/bottom-running1.svg"); 290} 291 292#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-2 { 293background-image: url("../../assets/dash/right-running2.svg"); 294} 295 296#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-2 { 297background-image: url("../../assets/dash/left-running2.svg"); 298} 299 300#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-2 { 301background-image: url("../../assets/dash/top-running2.svg"); 302} 303 304#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-2 { 305background-image: url("../../assets/dash/bottom-running2.svg"); 306} 307 308#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-3 { 309background-image: url("../../assets/dash/right-running3.svg"); 310} 311 312#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-3 { 313background-image: url("../../assets/dash/left-running3.svg"); 314} 315 316#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-3 { 317background-image: url("../../assets/dash/top-running3.svg"); 318} 319 320#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-3 { 321background-image: url("../../assets/dash/bottom-running3.svg"); 322} 323 324#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-4 { 325background-image: url("../../assets/dash/right-running4.svg"); 326} 327 328#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-4 { 329background-image: url("../../assets/dash/left-running4.svg"); 330} 331 332#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-4 { 333background-image: url("../../assets/dash/top-running4.svg"); 334} 335 336#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-4 { 337background-image: url("../../assets/dash/bottom-running4.svg"); 338} 339 340.workspacestodock-workspace-caption-container { 341padding: 0; 342} 343 344.workspacestodock-workspace-caption-background { 345background-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 { 358padding: 0; 359} 360 361.workspacestodock-caption-windowapps-menu { 362-boxpointer-gap: 12px; 363} 364 365.workspacestodock-caption-windowapps-menu .popup-menu-item { 366min-height: 24px; 367padding-top: 4px; 368padding-bottom: 4px; 369} 370 371.workspacestodock-caption-windowapps-menu .popup-menu-item:active { 372background-color: rgba(0, 0, 0, 0.12); 373} 374 375.workspacestodock-caption-windowapps-menu .popup-menu-item.selected:active { 376background-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 { 391padding: 0 8px; 392} 393 394.workspacestodock-caption-windowapps-menu .window-close { 395/* GS36+ can override gnome shell class 'window-close' */ 396border-radius: 100px; 397-st-background-image-shadow: none; 398background-image: url("../../assets/close.svg"); 399background-size: 24px; 400height: 24px; 401width: 24px; 402} 403 404.workspacestodock-caption-windowapps-menu .window-close:hover { 405background-color: rgba(0, 0, 0, 0.12); 406} 407 408.workspacestodock-caption-windowapps-menu .window-close:active { 409background-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 { 421padding: 0; 422} 423 424.workspacestodock-caption-windowapps-button-icon { 425padding: 2px; 426background-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 { 430box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); 431} 432 433.workspacestodock-caption-windowapps-button-active > .workspacestodock-caption-windowapps-button-icon { 434box-shadow: inset 0 -2px #FFFFFF; 435} 436 437/* caption workspace number */ 438.workspacestodock-caption-number { 439margin: 1px; 440padding: 0 10px; 441border-radius: 0; 442background-color: rgba(255, 255, 255, 0.3); 443color: #FFFFFF; 444font-size: 9pt; 445font-weight: bold; 446text-align: center; 447} 448 449/* caption workspace name */ 450.workspacestodock-caption-name { 451margin: 0 4px; 452color: rgba(255, 255, 255, 0.6); 453font-size: 9pt; 454text-align: center; 455} 456 457/* caption workspace windowcount */ 458.workspacestodock-caption-windowcount { 459/* min-width: 16px; */ 460margin: 0px 4px; 461padding: 0px 4px; 462color: #FFFFFF; 463font-size: 9pt; 464font-weight: bold; 465text-align: center; 466} 467 468/* caption workspace windowcount image*/ 469.workspacestodock-caption-windowcount-image { 470width: 20px; 471height: 20px; 472margin: 1px; 473border-radius: 0; 474background-color: #FF4081; 475color: #FFFFFF; 476font-size: 9pt; 477font-weight: bold; 478text-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 { 497width: 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